From f5f513e730284e91bf74ab66cee5dd1d033a80a5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=89=E6=B0=B4=E6=B8=85?= Date: Sun, 15 Mar 2015 19:48:16 +0800 Subject: [PATCH] =?UTF-8?q?sass=20=E6=96=87=E4=BB=B6=E9=87=8D=E6=96=B0?= =?UTF-8?q?=E5=88=92=E5=88=86=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=9B=B4=E5=A4=9A?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/nodeppt.css | 2 +- assets/js/nodeppt.js | 46 +- assets/scss/_animation.scss | 223 ++-- assets/scss/_build.scss | 67 +- assets/scss/_buttons.scss | 81 ++ assets/scss/_common.scss | 111 +- assets/scss/_keyframes.scss | 2516 +++++++++++------------------------ assets/scss/_mixin.scss | 29 - assets/scss/_mixins.scss | 141 ++ assets/scss/_tags.scss | 86 +- assets/scss/_utils.scss | 249 ++++ assets/scss/_vars.scss | 105 +- assets/scss/nodeppt.scss | 230 ++-- package.json | 2 +- ppts/demo.md | 66 +- ppts/js/demo.js | 6 +- 16 files changed, 1748 insertions(+), 2212 deletions(-) create mode 100644 assets/scss/_buttons.scss delete mode 100644 assets/scss/_mixin.scss create mode 100644 assets/scss/_mixins.scss create mode 100644 assets/scss/_utils.scss diff --git a/assets/css/nodeppt.css b/assets/css/nodeppt.css index 7a26b4497..f1e7782d3 100755 --- a/assets/css/nodeppt.css +++ b/assets/css/nodeppt.css @@ -1 +1 @@ -@import url(http://fonts.useso.com/css?family=Source%20Code%20Pro:light,regular,semibold);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{height:100%;overflow:hidden}body{margin:0;padding:0;opacity:0;height:100%;width:100%;overflow:hidden;color:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-transition:opacity 800ms ease-in 100ms;-o-transition:opacity 800ms ease-in 100ms;-webkit-transition:opacity 800ms ease-in;-webkit-transition-delay:100ms;transition:opacity 800ms ease-in 100ms}body.loaded{opacity:1 !important}input,button{vertical-align:middle}slides>slide[hidden]{display:none !important}slides{width:100%;height:100%;position:absolute;left:0;top:0;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-perspective:1000;-webkit-perspective:1000;perspective:1000;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transition:opacity 800ms ease-in 100ms;-o-transition:opacity 800ms ease-in 100ms;-webkit-transition:opacity 800ms ease-in;-webkit-transition-delay:100ms;transition:opacity 800ms ease-in 100ms}slides>slide{display:block;position:absolute;overflow:hidden;left:50%;top:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article.fill iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;margin:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;z-index:-1}slide.fill{background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}slide.fill img{position:absolute;left:0;top:0;min-width:100%;min-height:100%;z-index:-1}.transparent{opacity:0}::selection{color:white;background-color:#ffd14d;text-shadow:none}::-webkit-scrollbar{height:10px;overflow:visible;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);background-clip:padding-box;border:solid transparent;min-height:28px;padding:100px 0 0;-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);border-width:1px 1px 1px 6px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5)}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}::-webkit-scrollbar-corner{background:transparent}body{background:black;font-family:'YaHei Consolas Hybrid',STHeiti,'Microsoft Yahei',Arial,Helvetica,sans-serif}a{color:#FF8C78;background-color:#FFF2B5;padding:0 3px;text-decoration:none;border-bottom:1px dashed #FF8C78;cursor:help;margin:0 5px}a:hover{background-color:#F9FF95}h1,h2,h3{font-weight:600;text-shadow:2px 2px 2px #000}h1{font-size:45px;line-height:1.5;color:white;margin-bottom:0.5em;text-shadow:2px 3px 4px #000}h2{font-weight:bold;font-size:34px;line-height:2;color:white}h3{font-size:28px;line-height:1.5;font-weight:inherit;color:white}p{line-height:1.75em}ul{margin-left:1.2em;position:relative;list-style:disc inside;text-align:left;display:inline-block}ul li{line-height:1.75em;list-style-position:outside}ul li ul{margin-left:2em;margin-bottom:0;list-style-type:none;display:block}ul li ul li:before{content:'-';position:absolute;margin-left:-1em;font-weight:600}ul ul{margin-top:.5em}ol{list-style-type:decimal;display:inline-block;text-align:left;margin:0 0 0 1em}ol li{line-height:1.5em}pre{font-family:'Source Code Pro', 'Courier New', monospace;font-size:20px;line-height:1.2em;letter-spacing:-1px;margin-bottom:20px;text-align:left;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}pre code{font-size:95%;font-family:'Source Code Pro', 'Courier New', monospace;color:black;border:none 0;padding:0;background-color:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}code{margin:0;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;border:1px solid #ddd;background-color:#f8f8f8;padding:0 3px;margin:0 5px;vertical-align:middle;color:#dd1144;text-shadow:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}iframe{width:100%;height:480px;background:white;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}dt{font-weight:bold}button{display:inline-block;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9),color-stop(70%, #e3e3e3));background:-moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:linear-gradient(#f9f9f9 40%,#e3e3e3 70%);border:1px solid #a9a9a9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-size:10pt}button:not(:disabled):hover{border-color:#515151}button:not(:disabled):active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3),color-stop(70%, #f9f9f9));background:-moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:linear-gradient(#e3e3e3 40%,#f9f9f9 70%)}table{width:100%;color:black;border-collapse:-moz-initial;border-collapse:initial;border-spacing:1px;border-bottom:1px solid #797979}table thead th{background-color:#e6e6e6;font-weight:bold}table tr>td:first-child,table th{font-weight:bolder}table tr{background-color:white}table tr:nth-child(even){background-color:#e6e6e6}table td,table th{font-size:18px;padding:1em 0.5em;line-height:1.5}table td.highlight{font-weight:bold;color:#468847;background-color:#dff0d8 !important}table.rows{border-bottom:none;border-right:1px solid #797979}.draw-board{position:fixed;cursor:url(pen.cur),default;z-index:9999;top:0;left:0;right:0;bottom:0}.slideTip{display:none;padding:10px 0;width:300px;background:rgba(0,0,0,0.3);border-radius:5px;padding:10px;margin:0 auto;color:#FFF;position:fixed;top:40%;left:50%;margin-left:-150px;text-align:center}.progress{position:fixed;height:3px;width:100%;bottom:0;left:0;background:#000}.progress span{display:block;background:#2187E7;height:100%;width:0;border:none;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0;border-radius:0 2px 2px 0;-moz-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);-o-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);-webkit-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985)}.slides{width:100%;height:100%;text-align:center}slides>slide .slide-wrapper{max-width:900px;text-align:center;margin:0 auto;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;height:100%}slides>slide .slide-wrapper>hgroup+article{margin-top:20px}slides>slide .slide-wrapper>hgroup+article.flexbox.vcenter,slides>slide .slide-wrapper>hgroup+article.flexbox.vleft,slides>slide .slide-wrapper>hgroup+article.flexbox.vright{height:80%}slides>slide .slide-wrapper>hgroup+article p>img:only-child{margin-bottom:1em}slides>slide .slide-wrapper>article:only-child h2{font-weight:normal}slides>slide .slide-wrapper>article:only-child>pre{overflow-y:auto;max-height:98%}slides>slide .slide-wrapper>article:only-child>iframe{height:98%}slides>slide .slide-wrapper img{-webkit-justify-content:space-around;justify-content:space-around;max-width:100%;max-height:520px}slides>slide .slide-wrapper blockquote{font-size:28px;line-height:1.5em;padding:5px 5px 5px 20px;background-color:#F9FF95;border-left:5px solid #3E87CF;color:black;text-align:left;min-width:500px;display:inline-block}slides>slide .slide-wrapper blockquote small{display:block;line-height:20px;color:#999999}slides>slide .slide-wrapper blockquote small::before{content:'\2014 \00A0'}slides>slide .slide-wrapper blockquote p{margin-bottom:0 !important;font-size:17.5px;font-weight:300;line-height:1.25}slides>slide .slide-wrapper blockquote.pull-right{padding-left:15px;border-right:5px solid #3E87CF;text-align:right;padding-right:20px;border-left:none}slides>slide .slide-wrapper blockquote.pull-right small::before{content:''}slides>slide .slide-wrapper blockquote.pull-right small::after{content:'\00A0 \2014'}slides>slide .slide-wrapper b,slides>slide .slide-wrapper strong{font-weight:bold;margin:0 5px;text-shadow:2px 3px 1px rgba(0,0,0,0.8)}slides>slide .slide-wrapper em{margin:0 5px;font-weight:bold;text-shadow:-1px -2px 1px rgba(0,0,0,0.8)}slides>slide .slide-wrapper pre b,slides>slide .slide-wrapper pre strong{margin:0;text-shadow:none}slides>slide{display:none;font-size:26px;color:white;background-color:#03C8CB;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;padding:40px 60px;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;transform-style:preserve-3d;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}slides>slide.far-past{display:none}slides>slide.past{display:block;opacity:0}slides>slide.current{display:block;opacity:1;z-index:99}slides>slide.current .auto-fadein{opacity:1}slides>slide.current .gdbar{-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}slides>slide.next{display:block;opacity:0}slides>slide.far-next{display:none}slides>slide.dark{background:#515151 !important}slides>slide.title-slide:after{content:'';position:absolute;bottom:40px;right:40px;width:100%;height:60px}slides>slide.backdrop{z-index:-10;display:block !important;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(85%, #ffffff),color-stop(100%, #e6e6e6));background:-moz-linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background:-webkit-linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background:linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background-color:white}slides>slide.backdrop:after,slides>slide.backdrop:before{display:none}slides>slide:nth-child(6n+1){background-color:#dc6c5f}slides>slide:nth-child(6n+2){background-color:#04aa55}slides>slide:nth-child(6n+3){background-color:#487bd3}slides>slide:nth-child(6n+4){background-color:#049dbf}slides>slide:nth-child(6n+5){background-color:#da4a89}slides>slide .note{color:black}slides>slide .note h1,slides>slide .note h2,slides>slide .note h3,slides>slide .note h4{color:black;text-shadow:none}.highlight-code slide.current b,.highlight-code slide.current strong,slide.current .hljs b,slide.current .hljs strong{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current em,slide.current .hljs em{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current .hljs b,.highlight-code slide.current .hljs strong{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current .hljs em{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1.5s;animation-duration:1.5s}slides.layout-faux-widescreen>slide{padding:40px 160px}slides.layout-widescreen>slide .slide-wrapper,slides.layout-faux-widescreen>slide .slide-wrapper{width:100%;max-width:100%}slides.layout-widescreen>slide .slide-wrapper img,slides.layout-faux-widescreen>slide .slide-wrapper img{max-width:980px}slides.layout-widescreen>slide.far-past,slides.layout-faux-widescreen>slide.far-past{display:block;display:none;-moz-transform:translate(-2260px);-ms-transform:translate(-2260px);-webkit-transform:translate(-2260px);transform:translate(-2260px);-moz-transform:translate3d(-2260px, 0, 0);-ms-transform:translate3d(-2260px, 0, 0);-webkit-transform:translate3d(-2260px, 0, 0);transform:translate3d(-2260px, 0, 0)}slides.layout-widescreen>slide.past,slides.layout-faux-widescreen>slide.past{display:block;opacity:0}slides.layout-widescreen>slide.current,slides.layout-faux-widescreen>slide.current{display:block;opacity:1}slides.layout-widescreen>slide.next,slides.layout-faux-widescreen>slide.next{display:block;opacity:0}slides.layout-widescreen>slide.far-next,slides.layout-faux-widescreen>slide.far-next{display:block;display:none;-moz-transform:translate(2260px);-ms-transform:translate(2260px);-webkit-transform:translate(2260px);transform:translate(2260px);-moz-transform:translate3d(2260px, 0, 0);-ms-transform:translate3d(2260px, 0, 0);-webkit-transform:translate3d(2260px, 0, 0);transform:translate3d(2260px, 0, 0)}slides.layout-widescreen #prev-slide-area,slides.layout-faux-widescreen #prev-slide-area{margin-left:-650px}slides.layout-widescreen #next-slide-area,slides.layout-faux-widescreen #next-slide-area{margin-left:550px}:disabled{color:#a9a9a9}.blue{color:#4387fd}.blue2,.blue-2{color:#3c8ef3}.blue3,.blue-3{color:#2a7cdf}.yellow{color:#ffd14d}.yellow2,.yellow-2{color:#f9cc46}.yellow3,.yellow-3{color:#f6c000}.green{color:#0da861}.green2,.green-2{color:#00a86d}.green3,.green-3{color:#009f5d}.red{color:#f44a3f}.red2,.red-2{color:#e0543e}.red3,.red-3{color:#d94d3a}.gray{color:#e6e6e6}.gray2,.gray-2{color:#a9a9a9}.gray3,.gray-3{color:#797979}.gray4,.gray-4{color:#515151}.white{color:white !important}.black{color:black !important}.columns-2,.columns2{-moz-column-count:2;-webkit-column-count:2;column-count:2}.columns-3,.columns3{-moz-column-count:3;-webkit-column-count:3;column-count:3}slide.fill{background-repeat:no-repeat;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}article.smaller p,article.smaller ul{font-size:20px;line-height:24px;letter-spacing:0}article.smaller table td,article.smaller table th{font-size:14px}article.smaller pre{font-size:15px;line-height:20px;letter-spacing:0}article.smaller q{font-size:40px;line-height:48px}article.smaller q:before,article.smaller q:after{font-size:60px}.slide .subSlide.to-build{visibility:hidden;display:block}.slide .subSlide.build-fade.builded{display:none}.subSlide{display:none;opacity:0;visibility:hidden}.subSlide.building{opacity:1;display:block;visibility:visible;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.subSlide.build-fade{opacity:1;display:block;visibility:visible}.subSlide.builded{display:none;opacity:0;visibility:hidden;-moz-transition:opacity 0.3s ease,display 0.4s ease;-o-transition:opacity 0.3s ease,display 0.4s ease;-webkit-transition:opacity 0.3s ease,display 0.4s ease;transition:opacity 0.3s ease,display 0.4s ease}.fade{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center}.fade>*{opacity:0;-moz-transition:opacity 0.5s ease-in-out 0.2s;-o-transition:opacity 0.5s ease-in-out 0.2s;-webkit-transition:opacity 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:opacity 0.5s ease-in-out 0.2s}.fade>.to-build:first-child{display:-webkit-flex;display:flex;visibility:hidden}.fade>.build-fade{opacity:0;display:none;visibility:hidden}.fade>.build-fade:last-child{opacity:1;display:-webkit-flex;display:flex;visibility:visible}.fade>.building{display:-webkit-flex;display:flex;opacity:1}.fade .to-build{opacity:0;display:none}.fadeIn>*{-moz-transition:opacity 0.5s ease-in-out 0.2s;-o-transition:opacity 0.5s ease-in-out 0.2s;-webkit-transition:opacity 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:opacity 0.5s ease-in-out 0.2s}.fadeIn .to-build{opacity:0}.bounceIn>*,.zoomIn>*{opacity:1}.bounceIn .to-build,.zoomIn .to-build{opacity:0}.bounceIn .building,.zoomIn .building{opacity:1;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceIn .building{-webkit-animation-name:bounceIn;animation-name:bounceIn}.zoomIn .building{-webkit-animation-name:zoomIn;animation-name:zoomIn}.moveIn>*{-moz-transition:all 0.5s ease-in-out 0.2s;-o-transition:all 0.5s ease-in-out 0.2s;-webkit-transition:all 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:all 0.5s ease-in-out 0.2s}.moveIn .to-build{opacity:0;-moz-transform:translate3d(60px, 0, 0);-ms-transform:translate3d(60px, 0, 0);-webkit-transform:translate3d(60px, 0, 0);transform:translate3d(60px, 0, 0)}.rollIn>*{-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.rollIn .building{opacity:1;visibility:visible;-moz-transform:rotateX(0);-ms-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0)}.rollIn .to-build{opacity:0;visibility:hidden;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.popup .next .build .to-build{opacity:1 !important}.popup .next .build .build-fade{opacity:1 !important}.note{position:absolute;width:100%;height:100%;top:0;left:0;padding:1em;background:rgba(0,0,0,0.3);opacity:0;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:center;justify-content:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.note>section{text-align:left;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 0 0 10px #6f6f6f;-webkit-box-shadow:inset 0 0 10px #6f6f6f;box-shadow:inset 0 0 10px #6f6f6f;width:70%;padding:2em}.qrcode{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5)}.qrcode #qrcode{width:256px;height:300px;vertical-align:middle;margin:0 auto;position:relative;background-color:white;padding:20px 20px 10px;top:100px}.qrcode p{text-align:center;line-height:44px;position:absolute;top:380px;width:100%}.with-notes.popup.overview slide.next{opacity:0.5 !important}.with-notes .progress{display:none}.with-notes.popup slides.layout-widescreen slide.next,.with-notes.popup slides.layout-faux-widescreen slide.next{-moz-transform:translate3d(690px, 80px, 0) scale(0.35);-ms-transform:translate3d(690px, 80px, 0) scale(0.35);-webkit-transform:translate3d(690px, 80px, 0) scale(0.35);transform:translate3d(690px, 80px, 0) scale(0.35)}.with-notes.popup slides.layout-widescreen slide .note,.with-notes.popup slides.layout-faux-widescreen slide .note{z-index:100;-moz-transform:translate3d(300px, 700px, 0) scale(1.5);-ms-transform:translate3d(300px, 700px, 0) scale(1.5);-webkit-transform:translate3d(300px, 700px, 0) scale(1.5);transform:translate3d(300px, 700px, 0) scale(1.5)}.with-notes.popup slide{width:1100px !important;overflow:visible;-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important;-moz-transform-origin:0 0 !important;-ms-transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;transform-origin:0 0 !important}.with-notes.popup slide[data-transition].current,.with-notes.popup slide[data-transition].next,.with-notes.popup slide[data-transition].past{top:auto !important;left:auto !important;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:none;animation-name:none}.with-notes.popup slide:not(.backdrop){-moz-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);-ms-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);-webkit-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);transform:scale(0.6) translate3d(0.5em, 0.5em, 0)}.with-notes.popup slide.backdrop{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNjAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZGZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQzODdmZCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-moz-radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px);background-image:-webkit-radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px);background-image:radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px)}.with-notes.popup slide.next{-moz-transform:translate3d(690px, 80px, 0) scale(0.35);-ms-transform:translate3d(690px, 80px, 0) scale(0.35);-webkit-transform:translate3d(690px, 80px, 0) scale(0.35);transform:translate3d(690px, 80px, 0) scale(0.35);opacity:1 !important;-webkit-clip-path:none !important}.with-notes.popup slide.next .note{display:none !important}.with-notes.popup .note{width:100%;height:210px;padding:0;-moz-transform:translate3d(350px, 850px, 0) scale(1.5);-ms-transform:translate3d(350px, 850px, 0) scale(1.5);-webkit-transform:translate3d(350px, 850px, 0) scale(1.5);transform:translate3d(350px, 850px, 0) scale(1.5);-moz-transition:opacity 400ms ease-in-out;-o-transition:opacity 400ms ease-in-out;-webkit-transition:opacity 400ms ease-in-out;transition:opacity 400ms ease-in-out}.with-notes.popup .note>section{background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;padding:1em}.with-notes .note{display:-webkit-flex;display:flex;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto;z-index:100}@media screen and (min-width: 1200px){.with-notes.popup .note{-moz-transform:translate3d(350px, 1050px, 0) scale(1.5);-ms-transform:translate3d(350px, 1050px, 0) scale(1.5);-webkit-transform:translate3d(350px, 1050px, 0) scale(1.5);transform:translate3d(350px, 1050px, 0) scale(1.5)}.with-notes.popup slide.next{-moz-transform:translate3d(890px, 80px, 0) scale(0.35);-ms-transform:translate3d(890px, 80px, 0) scale(0.35);-webkit-transform:translate3d(890px, 80px, 0) scale(0.35);transform:translate3d(890px, 80px, 0) scale(0.35)}}#_timer_{display:block;position:fixed;bottom:1em;left:0.5em}.img-full{-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-moz-transition:opacity 800ms;-o-transition:opacity 800ms;-webkit-transition:opacity 800ms;transition:opacity 800ms;background-color:#000;bottom:0;display:-webkit-box;display:-moz-box;display:box;left:0;overflow:auto;position:fixed;right:0;top:0;display:none}.img-full img{background:#000;color:#333;padding:0;position:fixed;min-width:100px;z-index:0;top:20px;left:50%;-webkit-transition:800ms -webkit-transform;-moz-transition:800ms -moz-transform;transition:800ms transform}.img-full img.transparent{-moz-transform:scale(0.99) translateY(-20px);-ms-transform:scale(0.99) translateY(-20px);-webkit-transform:scale(0.99) translateY(-20px);transform:scale(0.99) translateY(-20px)}#_buttons{position:fixed;bottom:0.25em;z-index:9999;right:0.25em}#_buttons ._btn-box{display:inline-block}#_buttons button{font-size:1rem;background:none;border:0 none;color:rgba(0,0,0,0.3);text-shadow:0 0 transparent}#_buttons button:hover{color:black}.popup.with-notes #_buttons ._btn-box,.overview #_buttons ._btn-box{display:inline-block !important}.popup.with-notes #_buttons #_btn-bar,.overview #_buttons #_btn-bar{display:none !important}.popup.with-notes #_buttons button,.overview #_buttons button{color:white}.source{font-size:14px;color:#a9a9a9;position:absolute;line-height:2em;bottom:70px;left:60px}.centered{text-align:center}.reflect{-webkit-box-reflect:below 3px -webkit-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-moz-box-reflect:below 3px -moz-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-o-box-reflect:below 3px -o-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-ms-box-reflect:below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);box-reflect:below 3px linear-gradient(rgba(255,255,255,0) 85%,#ffffff 150%)}.flexbox{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row}.flexbox.vcenter{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;height:100%;width:100%}.flexbox.vleft{-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;height:100%;width:100%;text-align:left}.flexbox.vright{-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:flex-end;align-content:flex-end;text-align:right;height:100%;width:100%}.auto-fadein{-moz-transition:opacity 0.6s ease-in 1s;-o-transition:opacity 0.6s ease-in 1s;-webkit-transition:opacity 0.6s ease-in;-webkit-transition-delay:1s;transition:opacity 0.6s ease-in 1s;opacity:0}.slide-area{z-index:1000;position:absolute;left:0;top:0;width:100px;height:600px;left:50%;top:50%;cursor:pointer;margin-top:-300px}#prev-slide-area{margin-left:-550px}#next-slide-area{margin-left:450px}.logoslide img{width:383px;height:92px}.segue{padding:60px 120px}.segue h2{color:#e6e6e6;font-size:60px}.segue h3{color:#e6e6e6;line-height:2.8}.segue hgroup{position:absolute;bottom:225px}.thank-you-slide{background:#4387fd !important;color:white}.thank-you-slide h2{font-size:60px;color:inherit}.thank-you-slide h3{font-size:52px;color:inherit;text-align:right}.thank-you-slide article>p{margin-top:2em;font-size:20pt}.thank-you-slide>p{position:absolute;bottom:80px;font-size:24pt;line-height:1.3em}aside.gdbar{height:97px;width:215px;position:absolute;left:-1px;top:125px;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;border-radius:0 10px 10px 0;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') no-repeat;background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6e6e6),color-stop(100%, #e6e6e6)) no-repeat;background:-moz-linear-gradient(left, #e6e6e6,#e6e6e6) no-repeat;background:-webkit-linear-gradient(left, #e6e6e6,#e6e6e6) no-repeat;background:linear-gradient(to right, #e6e6e6,#e6e6e6) no-repeat;-moz-background-size:0% 100%;-o-background-size:0% 100%;-webkit-background-size:0% 100%;background-size:0% 100%;-moz-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out;-webkit-transition-delay:0.5s;transition:all 0.5s ease-out 0.5s}aside.gdbar.right{right:0;left:-moz-initial;left:initial;top:204px;-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}aside.gdbar.right img{-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}aside.gdbar.bottom{top:-moz-initial;top:initial;bottom:60px}aside.gdbar img{width:85px;height:85px;position:absolute;right:0;margin:8px 15px}.title-slide hgroup{bottom:100px}.title-slide hgroup h1{font-size:65px;line-height:1.4;letter-spacing:-3px;color:#515151}.title-slide hgroup h2{font-size:34px;color:#a9a9a9;font-weight:inherit}.title-slide hgroup p{font-size:20px;color:#797979;line-height:1.3;margin-top:2em}.quote{color:#e6e6e6}.quote .author{font-size:24px;position:absolute;bottom:80px;line-height:1.4}.overview.popup .note{display:none !important}.overview slides slide{display:block;cursor:pointer;opacity:0.5;pointer-events:auto !important;width:1100px}.overview slides slide.backdrop{display:none !important}.overview slides slide.far-past,.overview slides slide.past,.overview slides slide.next,.overview slides slide.far-next,.overview slides slide.far-past{opacity:0.5 !important;display:block !important}.overview slides slide.current{opacity:1 !important}.overview .slide-area{display:none}slide[data-transition="zoomout"].past,slide[data-transition="zoomin"].next{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}slide[data-transition="zoomin"].past,slide[data-transition="zoomout"].next{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}slide[data-transition="horizontal"].current{-moz-transform-origin:20% 80% 50%;-ms-transform-origin:20% 80% 50%;-webkit-transform-origin:20% 80% 50%;transform-origin:20% 80% 50%}slide[data-transition="horizontal"].next,slide[data-transition="horizontal"].past{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}slide[data-transition="horizontal"].next{left:450px}slide[data-transition="horizontal"].past{left:-450px}slides.layout-widescreen>slide[data-transition="horizontal"].next{left:550px}slides.layout-widescreen>slide[data-transition="horizontal"].past{left:-550px}slide[data-transition="horizontal3d"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-origin:50% 50% -450px 50%;-ms-transform-origin:50% 50% -450px 50%;-webkit-transform-origin:50% 50% -450px 50%;transform-origin:50% 50% -450px 50%}.layout-widescreen slide[data-transition="horizontal3d"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-origin:50% 50% -550px 50%;-ms-transform-origin:50% 50% -550px 50%;-webkit-transform-origin:50% 50% -550px 50%;transform-origin:50% 50% -550px 50%}slide[data-transition="horizontal3d"].next{-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}slide[data-transition="horizontal3d"].past{-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}slide[data-transition="vertical3d"].next{top:300px;-moz-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);-ms-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);-webkit-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0)}slide[data-transition="vertical3d"].past{-moz-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);-ms-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);-webkit-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);top:-300px}slide[data-transition="cards"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-origin:0 100% 0 50%;-ms-transform-origin:0 100% 0 50%;-webkit-transform-origin:0 100% 0 50%;transform-origin:0 100% 0 50%}slide[data-transition="cards"].next{-moz-transform:translate3d(50px, 0, -100px);-ms-transform:translate3d(50px, 0, -100px);-webkit-transform:translate3d(50px, 0, -100px);transform:translate3d(50px, 0, -100px);opacity:0}slide[data-transition="cards"].past{-moz-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);-ms-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);-webkit-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);opacity:0}slide.pagedown[data-transition="glue"].current{-webkit-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both;-webkit-animation-delay:.3s;animation-delay:.3s;z-index:999}slide.pagedown[data-transition="glue"].next{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .8s both ease-in;animation:rotateRightSideFirst .8s both ease-in;opacity:1}slide.pagedown[data-transition="glue"].past{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}slide.pageup[data-transition="glue"].current{-webkit-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both;-webkit-animation-delay:.3s;animation-delay:.3s;z-index:999}slide.pageup[data-transition="glue"].next{-webkit-transform-origin:0% 50%;transform-origin:0% 50%}slide.pageup[data-transition="glue"].past{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst .8s both ease-in;animation:rotateLeftSideFirst .8s both ease-in;opacity:1}slide.pagedown[data-transition="kontext"]{-moz-transform:translateZ(-100px);-ms-transform:translateZ(-100px);-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}slide.pagedown[data-transition="kontext"].current{-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:show-right 1s forwards ease;animation:show-right 1s forwards ease;z-index:999}slide.pagedown[data-transition="kontext"].past{-webkit-animation:hide-right 1s forwards ease;animation:hide-right 1s forwards ease;opacity:1;z-index:99}slide.pageup[data-transition="kontext"].current{-webkit-animation:show-left 1s forwards ease;animation:show-left 1s forwards ease;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}slide.pageup[data-transition="kontext"].next{-webkit-animation:hide-left 1s forwards ease;animation:hide-left 1s forwards ease;opacity:1;z-index:99}slide[data-transition="newspaper"].current{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateInNewspaper .5s both ease-out;animation:rotateInNewspaper .5s both ease-out;-webkit-animation-delay:.5s;animation-delay:.5s;z-index:999}slide[data-transition="newspaper"].past{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper .5s both ease-in;animation:rotateOutNewspaper .5s both ease-in;opacity:1;z-index:99}slide[data-transition="newspaper"].next{z-index:99}slide.pagedown[data-transition="move"]{z-index:99}slide.pagedown[data-transition="move"].current{-webkit-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both;z-index:999}slide.pagedown[data-transition="move"].past{-webkit-animation:moveToLeft .7s ease-in-out both;animation:moveToLeft .7s ease-in-out both;opacity:1;z-index:999}slide.pageup[data-transition="move"].current{-webkit-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both;z-index:999}slide.pageup[data-transition="move"].next{-webkit-animation:moveToRight .7s ease-in-out both;animation:moveToRight .7s ease-in-out both;opacity:1;z-index:99}slide.pagedown[data-transition="stick"],slide.pageup[data-transition="stick"]{-webkit-perspective:1600px;perspective:1600px;opacity:0;z-index:999}slide.pagedown[data-transition="stick"].current{z-index:1001;opacity:1;-webkit-animation:slideInFromBottomDelayed 0.8s forwards;animation:slideInFromBottomDelayed 0.8s forwards}slide.pagedown[data-transition="stick"].past{opacity:0;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation:rotateBottomSideOut 0.8s forwards ease-in;animation:rotateBottomSideOut 0.8s forwards ease-in}slide.pageup[data-transition="stick"].current{opacity:1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in}slide.pageup[data-transition="stick"].next{opacity:1;-webkit-animation:slideOutToBottom 0.8s forwards;animation:slideOutToBottom 0.8s forwards}slide[data-transition="vkontext"]{-webkit-perspective:1000px;perspective:1000px}slide.pagedown[data-transition="vkontext"].current{-webkit-animation:showRight 1s forwards;animation:showRight 1s forwards}slide.pagedown[data-transition="vkontext"].past{-webkit-animation:hideLeft 1s forwards;animation:hideLeft 1s forwards}slide.pageup[data-transition="vkontext"].current{-webkit-animation:showLeft 1s forwards;animation:showLeft 1s forwards}slide.pageup[data-transition="vkontext"].next{-webkit-animation:hideRight 1s forwards;animation:hideRight 1s forwards}slide.pagedown[data-transition="earthquake"].current{-webkit-animation:pushFromTop 1s 0.1s forwards;animation:pushFromTop 1s 0.1s forwards;opacity:1}slide.pagedown[data-transition="earthquake"].past{opacity:1;-webkit-animation:shakeSlideBottom 1s 0.1s forwards;animation:shakeSlideBottom 1s 0.1s forwards}slide.pageup[data-transition="earthquake"].current{opacity:1;-webkit-animation:pushFromBottom 1s 0.1s forwards;animation:pushFromBottom 1s 0.1s forwards}slide.pageup[data-transition="earthquake"].next{opacity:1;-webkit-animation:shakeSlideTop 1s 0.1s forwards;animation:shakeSlideTop 1s 0.1s forwards}slide[data-transition="earthquake"]::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.3);transition:opacity 0.5s}slide[data-transition="earthquake"].next::after,slide[data-transition="earthquake"].past::after{opacity:1}slide.pagedown[data-transition="circle"],slide.pageup[data-transition="circle"]{-webkit-transform-origin:50% 400%;transform-origin:50% 400%}slide.pagedown[data-transition="circle"]::after,slide.pageup[data-transition="circle"]::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:#000;transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="circle"].current{opacity:1;-webkit-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="circle"].past{opacity:1;-webkit-animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="circle"].current{opacity:1;-webkit-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="circle"].next{opacity:1;-webkit-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide[data-transition="circle"].next::after,slide[data-transition="circle"].past::after{opacity:1}slide.pagedown[data-transition="pulse"],slide.pageup[data-transition="pulse"]{opacity:0}slide.pagedown[data-transition="pulse"].past,slide.pageup[data-transition="pulse"].next{-webkit-animation:scaleUpFadeOut 0.8s forwards ease-in;animation:scaleUpFadeOut 0.8s forwards ease-in}slide.pageup[data-transition="pulse"].current,slide.pagedown[data-transition="pulse"].current{-webkit-animation:scaleDownFadeIn 0.8s forwards ease-out;animation:scaleDownFadeIn 0.8s forwards ease-out}slide.pagedown[data-transition="slide"].past{-webkit-animation:rotateSlideOutToLeft 1s both ease;animation:rotateSlideOutToLeft 1s both ease}slide.pagedown[data-transition="slide"].current{-webkit-animation:rotateSlideInFromRight 1s both ease;animation:rotateSlideInFromRight 1s both ease}slide.pageup[data-transition="slide"].current{-webkit-animation:rotateSlideInFromLeft 1s both ease;animation:rotateSlideInFromLeft 1s both ease}slide.pageup[data-transition="slide"].next{-webkit-animation:rotateSlideOutToRight 1s both ease;animation:rotateSlideOutToRight 1s both ease}slide.pagedown[data-transition="slide2"].past{-webkit-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="slide2"].current{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="slide2"].next{-webkit-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="slide2"].current{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="slide3"].past{-webkit-animation:slideOutScaleLeft 1.2s forwards;animation:slideOutScaleLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-webkit-animation-timing-function:cubic-bezier(1, -0.2, 0, 1);animation-timing-function:cubic-bezier(1, -0.2, 0, 1)}slide.pagedown[data-transition="slide3"].current{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards;animation:slideInFromRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-webkit-animation-timing-function:cubic-bezier(1, -0.2, 0, 1);animation-timing-function:cubic-bezier(1, -0.2, 0, 1)}slide.pageup[data-transition="slide3"].current{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards;animation:slideInFromLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-webkit-animation-timing-function:cubic-bezier(1, -0.2, 0, 1);animation-timing-function:cubic-bezier(1, -0.2, 0, 1)}slide.pageup[data-transition="slide3"].next{opacity:1;-webkit-animation:slideOutScaleRight 1.2s forwards;animation:slideOutScaleRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-webkit-animation-timing-function:cubic-bezier(1, -0.2, 0, 1);animation-timing-function:cubic-bezier(1, -0.2, 0, 1)}slide[data-transition="cover-diamond"]{-moz-transition:opacity 0s,-webkit-clip-path 1s;-o-transition:opacity 0s,-webkit-clip-path 1s;-webkit-transition:opacity 0s,-webkit-clip-path 1s;transition:opacity 0s,-webkit-clip-path 1s;opacity:0;-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)}slide[data-transition="cover-diamond"].current{opacity:1;-webkit-clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%)}slide[data-transition="cover-diamond"].past{-moz-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;-o-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;-webkit-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s}slide[data-transition="cover-circle"]{-moz-transition:opacity 0s,-webkit-clip-path 1s;-o-transition:opacity 0s,-webkit-clip-path 1s;-webkit-transition:opacity 0s,-webkit-clip-path 1s;transition:opacity 0s,-webkit-clip-path 1s;opacity:0;-webkit-clip-path:circle(5%, 50%, 50%);-webkit-clip-path:circle(5% at 50% 50%)}slide[data-transition="cover-circle"].current{opacity:1;-webkit-clip-path:circle(80%, 50%, 50%);-webkit-clip-path:circle(80% at 50% 50%)}slide[data-transition="cover-circle"].past{-moz-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);-o-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);-webkit-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97)}@-webkit-keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);opacity:0}}@keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@-webkit-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(0)}}@keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);opacity:0}}@keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@-webkit-keyframes slideInFromRight{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(0)}}@keyframes slideInFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);opacity:0}}@keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%)}}@keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@-webkit-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0)}}@keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-webkit-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%)}}@keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@-webkit-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0)}}@keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-webkit-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%)}}@keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%)}}@keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hideLeft{0%{-webkit-transform:translateZ(0px)}40%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);z-index:9999}100%{opacity:1;-webkit-transform:translateZ(-400px)}}@keyframes hideLeft{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px)}40%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);z-index:9999}100%{opacity:1;-webkit-transform:translateZ(-400px);transform:translateZ(-400px)}}@-webkit-keyframes showRight{0%{-webkit-transform:translateZ(-400px);opacity:1}40%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1}41%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);opacity:1;z-index:9999}}@keyframes showRight{0%{-webkit-transform:translateZ(-400px);transform:translateZ(-400px);opacity:1}40%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1}41%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-webkit-keyframes hideRight{0%{-webkit-transform:translateZ(0px)}40%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);z-index:9999}100%{opacity:1;-webkit-transform:translateZ(-400px)}}@keyframes hideRight{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px)}40%{-webkit-transform:translate(0, 40%) scale(0.8) rotateX(20deg);transform:translate(0, 40%) scale(0.8) rotateX(20deg);z-index:9999}100%{opacity:1;-webkit-transform:translateZ(-400px);transform:translateZ(-400px)}}@-webkit-keyframes showLeft{0%{-webkit-transform:translateZ(-400px);opacity:1}40%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);opacity:1;z-index:9999}}@keyframes showLeft{0%{-webkit-transform:translateZ(-400px);transform:translateZ(-400px);opacity:1}40%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-webkit-keyframes show-right{0%{-webkit-transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px)}}@-webkit-keyframes hide-right{0%{-webkit-transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);visibility:hidden}}@-moz-keyframes show-right{0%{-moz-transform:translateZ(-200px)}40%{-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-moz-transform:translateZ(0px)}}@-moz-keyframes hide-right{0%{-moz-transform:translateZ(0px);visibility:visible}40%{-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-moz-transform:translateZ(-200px);visibility:hidden}}@keyframes show-right{0%{transform:translateZ(-200px)}40%{transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{transform:translateZ(0px)}}@keyframes hide-right{0%{transform:translateZ(0px);visibility:visible}40%{transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{transform:translateZ(-200px);visibility:hidden}}@-webkit-keyframes show-left{0%{-webkit-transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px)}}@-webkit-keyframes hide-left{0%{-webkit-transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);visibility:hidden}}@-moz-keyframes show-left{0%{-moz-transform:translateZ(-200px)}40%{-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-moz-transform:translateZ(0px)}}@-moz-keyframes hide-left{0%{-moz-transform:translateZ(0px);visibility:visible}40%{-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-moz-transform:translateZ(-200px);visibility:hidden}}@keyframes show-left{0%{transform:translateZ(-200px)}40%{transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{transform:translateZ(0px)}}@keyframes hide-left{0%{transform:translateZ(0px);visibility:visible}40%{transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{transform:translateZ(-200px);visibility:hidden}}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%)}}@keyframes moveToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%)}}@keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%)}}@keyframes moveToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%)}}@keyframes moveFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%)}}@keyframes moveToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%)}}@keyframes moveFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%)}}@keyframes moveToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}}@keyframes moveFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes fade{to{opacity:0.3}}@keyframes fade{to{opacity:0.3}}@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%)}}@keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%)}}@keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%)}}@keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%)}}@keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%)}}@keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%)}}@keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8)}}@keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8)}}@keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2)}}@keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2)}}@keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7)}}@keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7)}}@keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg)}}@keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg)}}@keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg)}}@keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg)}}@keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg)}}@keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg)}}@keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg)}}@keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(0.4) rotateY(-65deg)}}@keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(0.4) rotateY(-65deg);transform:translateX(-150%) scale(0.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg)}}@keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg);transform:translateX(200%) scale(0.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg)}}@keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg);transform:translateX(200%) scale(0.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(0.4) rotateY(-65deg)}}@keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(0.4) rotateY(-65deg);transform:translateX(-200%) scale(0.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg)}}@keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg);transform:translateY(-200%) scale(0.4) rotateX(65deg)}}@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg)}}@keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg);transform:translateY(200%) scale(0.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg)}}@keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg);transform:translateY(200%) scale(0.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg)}}@keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg);transform:translateY(-200%) scale(0.4) rotateX(65deg)}}@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg);transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg);transform:translateZ(-500px) rotateY(-90deg)}}@-webkit-keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}}@keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@-webkit-keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-webkit-keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes shake{0%,100%{-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{0%,100%{-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)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px)}}@keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@-webkit-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%)}100%{-webkit-transform:translateY(0)}}@keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px)}60%{-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-webkit-animation-timing-function:ease-out}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg)}}@keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@-webkit-keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%)}}@keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%)}} +@import url(http://fonts.useso.com/css?family=Source%20Code%20Pro:light,regular,semibold);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{height:100%;overflow:hidden}body{margin:0;padding:0;opacity:0;height:100%;width:100%;overflow:hidden;color:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-transition:opacity 800ms ease-in 100ms;-o-transition:opacity 800ms ease-in 100ms;-webkit-transition:opacity 800ms ease-in;-webkit-transition-delay:100ms;transition:opacity 800ms ease-in 100ms}body.loaded{opacity:1 !important}input,button{vertical-align:middle}slides>slide[hidden]{display:none !important}slides{width:100%;height:100%;position:absolute;left:0;top:0;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-perspective:1000;-webkit-perspective:1000;perspective:1000;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transition:opacity 800ms ease-in 100ms;-o-transition:opacity 800ms ease-in 100ms;-webkit-transition:opacity 800ms ease-in;-webkit-transition-delay:100ms;transition:opacity 800ms ease-in 100ms}slides>slide{display:block;position:absolute;overflow:hidden;left:50%;top:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article.fill iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;margin:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;z-index:-1}slide.fill{background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}slide.fill img{position:absolute;left:0;top:0;min-width:100%;min-height:100%;z-index:-1}.transparent{opacity:0}::selection{color:#fff;background-color:#ffd14d;text-shadow:none}::-webkit-scrollbar{height:10px;overflow:visible;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);background-clip:padding-box;border:solid transparent;min-height:28px;padding:100px 0 0;-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);border-width:1px 1px 1px 6px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5)}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}::-webkit-scrollbar-corner{background:transparent}body{background:black;font-family:"YaHei Consolas Hybrid",STHeiti,"Microsoft Yahei",Arial,Helvetica,sans-serif}a{color:#ff8c78;padding:0 3px;text-decoration:none;border-bottom:1px dashed #ff8c78;cursor:help;margin:0 5px;background-color:transparent;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 1px transparent;-moz-box-shadow:0 0 1px transparent;-ms-box-shadow:0 0 1px transparent;-o-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}a:hover{color:#ff4d2e;border-bottom:none;background-color:transparent}a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#ff4d2e;height:4px;-webkit-transition-property:left, right;-moz-transition-property:left, right;-ms-transition-property:left, right;-o-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}a:hover:before,a:focus:before,a:active:before{left:0;right:0}h1,h2,h3{font-weight:600;color:#fff;text-shadow:2px 2px 2px #000}h1{font-size:45px;line-height:1.5;color:white;margin-bottom:0.5em;text-shadow:2px 3px 4px #000}h2{font-weight:bold;font-size:34px;line-height:2;color:white}h3{font-size:28px;line-height:1.5;font-weight:inherit;color:white}p{line-height:1.75em}ul{margin-left:1.2em;position:relative;list-style:disc inside;text-align:left;display:inline-block}ul li{line-height:1.75em;list-style-position:outside}ul li ul{margin-left:2em;margin-bottom:0;list-style-type:none;display:block}ul li ul li:before{content:'-';position:absolute;margin-left:-1em;font-weight:600}ul ul{margin-top:.5em}ol{list-style-type:decimal;display:inline-block;text-align:left;margin:0 0 0 1em}ol li{line-height:1.5em}mark{color:#468847;background-color:#dff0d8}pre{font-family:"Source Code Pro",Consolas,"Courier New",Courier,monospace;font-size:20px;line-height:1.2em;letter-spacing:-1px;margin-bottom:20px;text-align:left;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}pre code{font-size:95%;font-family:"Source Code Pro",Consolas,"Courier New",Courier,monospace;color:black;border:none 0;padding:0;background-color:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}code{margin:0;font-family:"Source Code Pro",Consolas,"Courier New",Courier,monospace;border:1px solid #ddd;background-color:#f8f8f8;padding:0 3px;margin:0 5px;vertical-align:middle;color:#dd1144;text-shadow:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}iframe{width:100%;height:480px;background:white;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}dt{font-weight:bold}table{width:100%;color:black;border-collapse:-moz-initial;border-collapse:initial;border-spacing:1px;border-bottom:1px solid #797979}table thead th{background-color:#e6e6e6;font-weight:bold}table tr>td:first-child,table th{font-weight:bolder}table tr{background-color:white}table tr:nth-child(even){background-color:#e6e6e6}table td,table th{font-size:18px;padding:1em 0.5em;line-height:1.5}table td.highlight{font-weight:bold;color:#468847;background-color:#dff0d8 !important}table.rows{border-bottom:none;border-right:1px solid #797979}button{border:0 none}.btn{outline:0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:9px 12px;font-size:13px;-webkit-font-smoothing:antialiased;line-height:14px}.btn:focus,.btn:active,.btn.active,.btn:active:focus,.btn.active:focus{outline:0}.btn:active,.btn.active{-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.1);box-shadow:inset 0 3px 8px rgba(0,0,0,0.1)}.btn-lg,.btn-group-lg>.btn{padding:15px 16px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.btn-sm,.btn-group-sm>.btn{padding:7px 10px}.btn-xs,.btn-group-xs>.btn{padding:3px 5px;font-size:10px}.btn-rounded,.btn-rounded a,.btn-rounded .btn{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.btn-default .btn-default{color:#000;background-color:#eaecf6;border-color:#d5d9ed}.btn-default .btn-default:hover,.btn-default .btn-default:focus,.btn-default .btn-default:active,.btn-default .btn-default.active,.btn-default .btn-default.disabled,.btn-default .btn-default[disabled]{background-color:#d8dcee;border-color:#b1b8de}.btn-default .btn-default.btn-outline{background-color:transparent;color:#eaecf6;background-color:#eaecf6;color:#000}.btn-default.btn-outline{color:#000}.btn-primary{color:#fff;background-color:#1582dc;border-color:#1582dc}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#1374c5;border-color:#1166ad}.btn-primary.btn-outline{background-color:transparent;color:#1582dc;background-color:#1582dc;color:#fff}.btn-warning{color:#fff;background-color:#daac16;border-color:#daac16}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#c39a14;border-color:#ac8711}.btn-warning.btn-outline{background-color:transparent;color:#daac16;background-color:#daac16;color:#fff}.btn-success{color:#fff;background-color:#15db81;border-color:#15db81}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#13c473;border-color:#11ac66}.btn-success.btn-outline{background-color:transparent;color:#15db81;background-color:#15db81;color:#fff}.btn-info{color:#fff;background-color:#15acdc;border-color:#15acdc}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#139ac5;border-color:#1188ad}.btn-info.btn-outline{background-color:transparent;color:#15acdc;background-color:#15acdc;color:#fff}.btn-danger{color:#fff;background-color:#da3e16;border-color:#da3e16}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#c33714;border-color:#ac3111}.btn-danger.btn-outline{background-color:transparent;color:#da3e16;background-color:#da3e16;color:#fff}.ptl{position:absolute;top:0;left:0}.ptr{position:absolute;top:0;right:0}.pbl{position:absolute;bottom:0;left:0}.pbr{position:absolute;bottom:0;right:0}.bg-none{background-color:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.shadow{-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2)}.no-shadow{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.no-m{margin:0 !important}.mn{margin-right:-15px;margin-left:-15px}.mrn{margin-right:-15px}.mln{margin-left:-15px}.mbn{margin-bottom:-15px}.ml0{margin-left:0}.mr0{margin-right:0}.mt0{margin-top:0}.mb0{margin-bottom:0}.m25{margin:25px}.mr25{margin-right:25px}.ml25{margin-left:25px}.mt25{margin-top:25px}.mb25{margin-bottom:25px}.m20{margin:20px}.mr20{margin-right:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.m15{margin:15px}.mr15{margin-right:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.m10{margin:10px}.mr10{margin-right:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.m5{margin:5px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.no-p{padding:0 !important}.pl0{padding-left:0}.pr0{padding-right:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.p25{padding:25px}.pr25{padding-right:25px}.pl25{padding-left:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.p20{padding:20px}.pr20{padding-right:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.p15{padding:15px}.pr15{padding-right:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.p10{padding:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.p5{padding:5px}.pr5{padding-right:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.draw-board{position:fixed;cursor:url(pen.cur),default;z-index:9999;top:0;left:0;right:0;bottom:0}.slideTip{display:none;padding:10px 0;width:300px;background:rgba(0,0,0,0.3);border-radius:5px;padding:10px;margin:0 auto;color:#FFF;position:fixed;top:40%;left:50%;margin-left:-150px;text-align:center}.progress{position:fixed;height:3px;width:100%;bottom:0;left:0;background:#000}.progress span{display:block;background:#2187E7;height:100%;width:0;border:none;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0;border-radius:0 2px 2px 0;-moz-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);-o-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);-webkit-transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);transition:width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985)}.slides{width:100%;height:100%;text-align:center}slides>slide .slide-wrapper{max-width:900px;text-align:center;margin:0 auto;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;height:100%}slides>slide .slide-wrapper>hgroup+article{margin-top:20px}slides>slide .slide-wrapper>hgroup+article.flexbox.vcenter,slides>slide .slide-wrapper>hgroup+article.flexbox.vleft,slides>slide .slide-wrapper>hgroup+article.flexbox.vright{height:80%}slides>slide .slide-wrapper>hgroup+article p>img:only-child{margin-bottom:1em}slides>slide .slide-wrapper>article:only-child h2{font-weight:normal}slides>slide .slide-wrapper>article:only-child>pre{overflow-y:auto;max-height:98%}slides>slide .slide-wrapper>article:only-child>iframe{height:98%}slides>slide .slide-wrapper img{-webkit-justify-content:space-around;justify-content:space-around;max-width:100%;max-height:520px}slides>slide .slide-wrapper blockquote{font-size:28px;line-height:1.5em;padding:5px 5px 5px 20px;background-color:#f9ff95;border-left:5px solid #3e87cf;color:#000;text-align:left;min-width:500px;display:inline-block}slides>slide .slide-wrapper blockquote small{display:block;line-height:20px;color:#999}slides>slide .slide-wrapper blockquote small::before{content:'\2014 \00A0'}slides>slide .slide-wrapper blockquote p{margin-bottom:0 !important;font-size:17.5px;font-weight:300;line-height:1.25}slides>slide .slide-wrapper blockquote.pull-right{padding-left:15px;border-right:5px solid #3E87CF;text-align:right;padding-right:20px;border-left:none}slides>slide .slide-wrapper blockquote.pull-right small::before{content:''}slides>slide .slide-wrapper blockquote.pull-right small::after{content:'\00A0 \2014'}slides>slide .slide-wrapper b,slides>slide .slide-wrapper strong{font-weight:bold;margin:0 5px;text-shadow:2px 3px 1px rgba(0,0,0,0.8)}slides>slide .slide-wrapper em{margin:0 5px;font-weight:bold;text-shadow:-1px -2px 1px rgba(0,0,0,0.8)}slides>slide .slide-wrapper pre b,slides>slide .slide-wrapper pre strong{margin:0;text-shadow:none}slides>slide{display:none;font-size:26px;color:#fff;background-color:#03c8cb;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;padding:40px 60px;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}slides>slide.far-past{display:none}slides>slide.past{display:block;opacity:0}slides>slide.current{display:block;opacity:1;z-index:99}slides>slide.current .auto-fadein{opacity:1}slides>slide.current .gdbar{-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}slides>slide.next{display:block;opacity:0}slides>slide.far-next{display:none}slides>slide.dark{background:#515151 !important}slides>slide.title-slide:after{content:'';position:absolute;bottom:40px;right:40px;width:100%;height:60px}slides>slide.backdrop{z-index:-10;display:block !important;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(85%, #ffffff),color-stop(100%, #e6e6e6));background:-moz-linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background:-webkit-linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background:linear-gradient(#ffffff,#ffffff 85%,#e6e6e6);background-color:white}slides>slide.backdrop:after,slides>slide.backdrop:before{display:none}slides>slide:nth-child(6n+1){background-color:#dc6c5f}slides>slide:nth-child(6n+2){background-color:#04aa55}slides>slide:nth-child(6n+3){background-color:#487bd3}slides>slide:nth-child(6n+4){background-color:#049dbf}slides>slide:nth-child(6n+5){background-color:#da4a89}slides>slide .note{color:#000}slides>slide .note h1,slides>slide .note h2,slides>slide .note h3,slides>slide .note h4{color:#000;text-shadow:none}.highlight-code slide.current b,.highlight-code slide.current strong,slide.current .hljs b,slide.current .hljs strong{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;-o-animation-name:shake;animation-name:shake;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current em,slide.current .hljs em{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;-o-animation-name:flash;animation-name:flash;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current .hljs b,.highlight-code slide.current .hljs strong{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;-o-animation-name:flash;animation-name:flash;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}.highlight-code slide.current .hljs em{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;-o-animation-name:shake;animation-name:shake;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s}slides.layout-faux-widescreen>slide{padding:40px 160px}slides.layout-widescreen>slide .slide-wrapper,slides.layout-faux-widescreen>slide .slide-wrapper{width:100%;max-width:100%}slides.layout-widescreen>slide .slide-wrapper img,slides.layout-faux-widescreen>slide .slide-wrapper img{max-width:980px}slides.layout-widescreen>slide.far-past,slides.layout-faux-widescreen>slide.far-past{display:block;display:none;-moz-transform:translate(-2260px);-ms-transform:translate(-2260px);-webkit-transform:translate(-2260px);transform:translate(-2260px);-moz-transform:translate3d(-2260px, 0, 0);-ms-transform:translate3d(-2260px, 0, 0);-webkit-transform:translate3d(-2260px, 0, 0);transform:translate3d(-2260px, 0, 0)}slides.layout-widescreen>slide.past,slides.layout-faux-widescreen>slide.past{display:block;opacity:0}slides.layout-widescreen>slide.current,slides.layout-faux-widescreen>slide.current{display:block;opacity:1}slides.layout-widescreen>slide.next,slides.layout-faux-widescreen>slide.next{display:block;opacity:0}slides.layout-widescreen>slide.far-next,slides.layout-faux-widescreen>slide.far-next{display:block;display:none;-moz-transform:translate(2260px);-ms-transform:translate(2260px);-webkit-transform:translate(2260px);transform:translate(2260px);-moz-transform:translate3d(2260px, 0, 0);-ms-transform:translate3d(2260px, 0, 0);-webkit-transform:translate3d(2260px, 0, 0);transform:translate3d(2260px, 0, 0)}slides.layout-widescreen #prev-slide-area,slides.layout-faux-widescreen #prev-slide-area{margin-left:-650px}slides.layout-widescreen #next-slide-area,slides.layout-faux-widescreen #next-slide-area{margin-left:550px}:disabled{color:#a9a9a9}.blue{color:#4387fd !important}.blue2,.blue-2{color:#3c8ef3 !important}.blue3,.blue-3{color:#2a7cdf !important}.yellow{color:#ffd14d}.yellow2,.yellow-2{color:#f9cc46 !important}.yellow3,.yellow-3{color:#f6c000 !important}.green{color:#0da861 !important}.green2,.green-2{color:#00a86d !important}.green3,.green-3{color:#009f5d !important}.red{color:#f44a3f}.red2,.red-2{color:#e0543e !important}.red3,.red-3{color:#d94d3a !important}.gray{color:#e6e6e6 !important}.gray2,.gray-2{color:#a9a9a9 !important}.gray3,.gray-3{color:#797979 !important}.gray4,.gray-4{color:#515151 !important}.white{color:white !important}.black{color:black !important}.columns-2,.columns2{-moz-column-count:2;-webkit-column-count:2;column-count:2}.columns-3,.columns3{-moz-column-count:3;-webkit-column-count:3;column-count:3}.label{line-height:inherit;font-weight:400}.label-default{background-color:#eaecf6;color:black;border:1px solid #fafafa}.label-default[href]:hover,.label-default[href]:focus{background-color:#c6cce7}.label-primary{background-color:#1582dc;color:#fff}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#1166ad}.label-success{background-color:#15db81}.label-success[href]:hover,.label-success[href]:focus{background-color:#11ac66}.label-info{background-color:#15acdc}.label-info[href]:hover,.label-info[href]:focus{background-color:#1188ad}.label-warning{background-color:#daac16}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ac8711}.label-danger{background-color:#da3e16}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#ac3111}.text-default{color:#eaecf6 !important}.text-primary{color:#1582dc !important}.text-success{color:#15db81 !important}.text-warning{color:#daac16 !important}.text-danger{color:#da3e16 !important}.text-info{color:#15acdc !important}.text-white{color:#fff !important}.text-dark{color:#4f5061 !important}slide.fill{background-repeat:no-repeat;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}article.smaller p,article.smaller ul{font-size:20px;line-height:24px;letter-spacing:0}article.smaller table td,article.smaller table th{font-size:14px}article.smaller pre{font-size:15px;line-height:20px;letter-spacing:0}article.smaller q{font-size:40px;line-height:48px}article.smaller q:before,article.smaller q:after{font-size:60px}.slide .subSlide.tobuild{visibility:hidden}.slide .subSlide.builded.subBuilded{display:none}.subSlide{display:none;opacity:0;visibility:hidden}.subSlide.building{opacity:1;display:block;visibility:visible;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.subSlide.builded{opacity:1;display:block;visibility:visible}.subSlide.subBuilded{display:none;opacity:0;visibility:hidden;-moz-transition:opacity 0.3s ease,display 0.4s ease;-o-transition:opacity 0.3s ease,display 0.4s ease;-webkit-transition:opacity 0.3s ease,display 0.4s ease;transition:opacity 0.3s ease,display 0.4s ease}.fade{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center}.fade>*{opacity:0;-moz-transition:opacity 0.5s ease-in-out 0.2s;-o-transition:opacity 0.5s ease-in-out 0.2s;-webkit-transition:opacity 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:opacity 0.5s ease-in-out 0.2s}.fade>.tobuild:first-child{display:-webkit-flex;display:flex;visibility:hidden}.fade>.builded{opacity:0;display:none;visibility:hidden}.fade>.builded:last-child{opacity:1;display:-webkit-flex;display:flex;visibility:visible}.fade>.building{display:-webkit-flex;display:flex;opacity:1}.fade .tobuild{opacity:0;display:none}.fadeIn>*{-moz-transition:opacity 0.5s ease-in-out 0.2s;-o-transition:opacity 0.5s ease-in-out 0.2s;-webkit-transition:opacity 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:opacity 0.5s ease-in-out 0.2s}.fadeIn .tobuild{opacity:0}.bounceIn>*,.zoomIn>*{opacity:1}.bounceIn .tobuild,.zoomIn .tobuild{opacity:0}.bounceIn .building,.zoomIn .building{opacity:1;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceIn .building{-webkit-animation-name:bounceIn;animation-name:bounceIn}.zoomIn .building{-webkit-animation-name:zoomIn;animation-name:zoomIn}.moveIn>*{-moz-transition:all 0.5s ease-in-out 0.2s;-o-transition:all 0.5s ease-in-out 0.2s;-webkit-transition:all 0.5s ease-in-out;-webkit-transition-delay:0.2s;transition:all 0.5s ease-in-out 0.2s}.moveIn .tobuild{opacity:0;-moz-transform:translate3d(60px, 0, 0);-ms-transform:translate3d(60px, 0, 0);-webkit-transform:translate3d(60px, 0, 0);transform:translate3d(60px, 0, 0)}.rollIn>*{-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.rollIn .building{opacity:1;visibility:visible;-moz-transform:rotateX(0);-ms-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0)}.rollIn .tobuild{opacity:0;visibility:hidden;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.popup .next .build .tobuild{opacity:1 !important}.popup .next .build .builded{opacity:1 !important}.note{position:absolute;width:100%;height:100%;top:0;left:0;padding:1em;background:rgba(0,0,0,0.3);opacity:0;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:center;justify-content:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.note>section{text-align:left;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 0 0 10px #6f6f6f;-webkit-box-shadow:inset 0 0 10px #6f6f6f;box-shadow:inset 0 0 10px #6f6f6f;width:70%;padding:2em}.qrcode{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5)}.qrcode #qrcode{width:256px;height:300px;vertical-align:middle;margin:0 auto;position:relative;background-color:white;padding:20px 20px 10px;top:100px}.qrcode p{text-align:center;line-height:44px;position:absolute;top:380px;width:100%}.with-notes.popup.overview slide.next{opacity:0.5 !important}.with-notes .progress{display:none}.with-notes.popup slides.layout-widescreen slide.next,.with-notes.popup slides.layout-faux-widescreen slide.next{-moz-transform:translate3d(690px, 80px, 0) scale(0.35);-ms-transform:translate3d(690px, 80px, 0) scale(0.35);-webkit-transform:translate3d(690px, 80px, 0) scale(0.35);transform:translate3d(690px, 80px, 0) scale(0.35)}.with-notes.popup slides.layout-widescreen slide .note,.with-notes.popup slides.layout-faux-widescreen slide .note{z-index:100;-moz-transform:translate3d(300px, 700px, 0) scale(1.5);-ms-transform:translate3d(300px, 700px, 0) scale(1.5);-webkit-transform:translate3d(300px, 700px, 0) scale(1.5);transform:translate3d(300px, 700px, 0) scale(1.5)}.with-notes.popup slide{width:1100px !important;overflow:visible;-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important;-moz-transform-origin:0 0 !important;-ms-transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;transform-origin:0 0 !important}.with-notes.popup slide[data-transition].current,.with-notes.popup slide[data-transition].next,.with-notes.popup slide[data-transition].past{top:auto !important;left:auto !important;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-name:none;animation-name:none}.with-notes.popup slide:not(.backdrop){-moz-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);-ms-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);-webkit-transform:scale(0.6) translate3d(0.5em, 0.5em, 0);transform:scale(0.6) translate3d(0.5em, 0.5em, 0)}.with-notes.popup slide.backdrop{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNjAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZGZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQzODdmZCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-moz-radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px);background-image:-webkit-radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px);background-image:radial-gradient(50% 50%, #b1dfff 0%,#4387fd 600px)}.with-notes.popup slide.next{-moz-transform:translate3d(690px, 80px, 0) scale(0.35);-ms-transform:translate3d(690px, 80px, 0) scale(0.35);-webkit-transform:translate3d(690px, 80px, 0) scale(0.35);transform:translate3d(690px, 80px, 0) scale(0.35);opacity:1 !important;-webkit-clip-path:none !important}.with-notes.popup slide.next .note{display:none !important}.with-notes.popup .note{width:100%;height:210px;padding:0;-moz-transform:translate3d(350px, 850px, 0) scale(1.5);-ms-transform:translate3d(350px, 850px, 0) scale(1.5);-webkit-transform:translate3d(350px, 850px, 0) scale(1.5);transform:translate3d(350px, 850px, 0) scale(1.5);-moz-transition:opacity 400ms ease-in-out;-o-transition:opacity 400ms ease-in-out;-webkit-transition:opacity 400ms ease-in-out;transition:opacity 400ms ease-in-out}.with-notes.popup .note>section{background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;padding:1em}.with-notes .note{display:-webkit-flex;display:flex;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto;z-index:100}@media screen and (min-width: 1200px){.with-notes.popup .note{-moz-transform:translate3d(350px, 1050px, 0) scale(1.5);-ms-transform:translate3d(350px, 1050px, 0) scale(1.5);-webkit-transform:translate3d(350px, 1050px, 0) scale(1.5);transform:translate3d(350px, 1050px, 0) scale(1.5)}.with-notes.popup slide.next{-moz-transform:translate3d(890px, 80px, 0) scale(0.35);-ms-transform:translate3d(890px, 80px, 0) scale(0.35);-webkit-transform:translate3d(890px, 80px, 0) scale(0.35);transform:translate3d(890px, 80px, 0) scale(0.35)}}#_timer_{display:block;position:fixed;bottom:1em;left:0.5em}.img-full{-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-moz-transition:opacity 800ms;-o-transition:opacity 800ms;-webkit-transition:opacity 800ms;transition:opacity 800ms;background-color:#000;bottom:0;display:-webkit-box;display:-moz-box;display:box;left:0;overflow:auto;position:fixed;right:0;top:0;display:none}.img-full img{background:#000;color:#333;padding:0;position:fixed;min-width:100px;z-index:0;top:20px;left:50%;-webkit-transition:800ms -webkit-transform;-moz-transition:800ms -moz-transform;transition:800ms transform}.img-full img.transparent{-moz-transform:scale(0.99) translateY(-20px);-ms-transform:scale(0.99) translateY(-20px);-webkit-transform:scale(0.99) translateY(-20px);transform:scale(0.99) translateY(-20px)}#_buttons{position:fixed;bottom:0.25em;z-index:9999;right:0.25em}#_buttons ._btn-box{display:inline-block}#_buttons button{font-size:1rem;background:none;border:0 none;color:rgba(0,0,0,0.3);text-shadow:0 0 transparent}#_buttons button:hover{color:black}.popup.with-notes #_buttons ._btn-box,.overview #_buttons ._btn-box{display:inline-block !important}.popup.with-notes #_buttons #_btn-bar,.overview #_buttons #_btn-bar{display:none !important}.popup.with-notes #_buttons button,.overview #_buttons button{color:white}.source{font-size:14px;color:#a9a9a9;position:absolute;line-height:2em;bottom:70px;left:60px}.centered{text-align:center}.reflect{-webkit-box-reflect:below 3px -webkit-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-moz-box-reflect:below 3px -moz-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-o-box-reflect:below 3px -o-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);-ms-box-reflect:below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, #fff 150%);box-reflect:below 3px linear-gradient(rgba(255,255,255,0) 85%,#ffffff 150%)}.flexbox{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row}.flexbox.vcenter{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;height:100%;width:100%}.flexbox.vleft{-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;height:100%;width:100%;text-align:left}.flexbox.vright{-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:flex-end;align-content:flex-end;text-align:right;height:100%;width:100%}.auto-fadein{-moz-transition:opacity 0.6s ease-in 1s;-o-transition:opacity 0.6s ease-in 1s;-webkit-transition:opacity 0.6s ease-in;-webkit-transition-delay:1s;transition:opacity 0.6s ease-in 1s;opacity:0}.slide-area{z-index:1000;position:absolute;left:0;top:0;width:100px;height:600px;left:50%;top:50%;cursor:pointer;margin-top:-300px}#prev-slide-area{margin-left:-550px}#next-slide-area{margin-left:450px}.logoslide img{width:383px;height:92px}.segue{padding:60px 120px}.segue h2{color:#e6e6e6;font-size:60px}.segue h3{color:#e6e6e6;line-height:2.8}.segue hgroup{position:absolute;bottom:225px}.thank-you-slide{background:#4387fd !important;color:#fff}.thank-you-slide h2{font-size:60px;color:inherit}.thank-you-slide h3{font-size:52px;color:inherit;text-align:right}.thank-you-slide article>p{margin-top:2em;font-size:20pt}.thank-you-slide>p{position:absolute;bottom:80px;font-size:24pt;line-height:1.3em}aside.gdbar{height:97px;width:215px;position:absolute;left:-1px;top:125px;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;border-radius:0 10px 10px 0;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') no-repeat;background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6e6e6),color-stop(100%, #e6e6e6)) no-repeat;background:-moz-linear-gradient(left, #e6e6e6,#e6e6e6) no-repeat;background:-webkit-linear-gradient(left, #e6e6e6,#e6e6e6) no-repeat;background:linear-gradient(to right, #e6e6e6,#e6e6e6) no-repeat;-moz-background-size:0% 100%;-o-background-size:0% 100%;-webkit-background-size:0% 100%;background-size:0% 100%;-moz-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out;-webkit-transition-delay:0.5s;transition:all 0.5s ease-out 0.5s}aside.gdbar.right{right:0;left:-moz-initial;left:initial;top:204px;-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}aside.gdbar.right img{-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}aside.gdbar.bottom{top:-moz-initial;top:initial;bottom:60px}aside.gdbar img{width:85px;height:85px;position:absolute;right:0;margin:8px 15px}.title-slide hgroup{bottom:100px}.title-slide hgroup h1{font-size:65px;line-height:1.4;letter-spacing:-3px;color:#515151}.title-slide hgroup h2{font-size:34px;color:#a9a9a9;font-weight:inherit}.title-slide hgroup p{font-size:20px;color:#797979;line-height:1.3;margin-top:2em}.quote{color:#e6e6e6}.quote .author{font-size:24px;position:absolute;bottom:80px;line-height:1.4}.overview.popup .note{display:none !important}.overview slides slide{display:block;cursor:pointer;opacity:0.5;pointer-events:auto !important;width:1100px}.overview slides slide.backdrop{display:none !important}.overview slides slide.far-past,.overview slides slide.past,.overview slides slide.next,.overview slides slide.far-next,.overview slides slide.far-past{opacity:0.5 !important;display:block !important}.overview slides slide.current{opacity:1 !important}.overview .slide-area{display:none}slide[data-transition="zoomout"].past,slide[data-transition="zoomin"].next{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}slide[data-transition="zoomin"].past,slide[data-transition="zoomout"].next{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}slide[data-transition="horizontal"].current{-moz-transform-origin:20% 80% 50%;-ms-transform-origin:20% 80% 50%;-webkit-transform-origin:20% 80% 50%;transform-origin:20% 80% 50%}slide[data-transition="horizontal"].next,slide[data-transition="horizontal"].past{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}slide[data-transition="horizontal"].next{left:450px}slide[data-transition="horizontal"].past{left:-450px}slides.layout-widescreen>slide[data-transition="horizontal"].next{left:550px}slides.layout-widescreen>slide[data-transition="horizontal"].past{left:-550px}slide[data-transition="horizontal3d"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-origin:50% 50% -450px 50%;-ms-transform-origin:50% 50% -450px 50%;-webkit-transform-origin:50% 50% -450px 50%;transform-origin:50% 50% -450px 50%}.layout-widescreen slide[data-transition="horizontal3d"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-origin:50% 50% -550px 50%;-ms-transform-origin:50% 50% -550px 50%;-webkit-transform-origin:50% 50% -550px 50%;transform-origin:50% 50% -550px 50%}slide[data-transition="horizontal3d"].next{-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}slide[data-transition="horizontal3d"].past{-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}slide[data-transition="vertical3d"].next{top:300px;-moz-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);-ms-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);-webkit-transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);transform:translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0)}slide[data-transition="vertical3d"].past{-moz-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);-ms-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);-webkit-transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);transform:translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);top:-300px}slide[data-transition="cards"]{-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-origin:0 100% 0 50%;-ms-transform-origin:0 100% 0 50%;-webkit-transform-origin:0 100% 0 50%;transform-origin:0 100% 0 50%}slide[data-transition="cards"].next{-moz-transform:translate3d(50px, 0, -100px);-ms-transform:translate3d(50px, 0, -100px);-webkit-transform:translate3d(50px, 0, -100px);transform:translate3d(50px, 0, -100px);opacity:0}slide[data-transition="cards"].past{-moz-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);-ms-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);-webkit-transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);transform:translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);opacity:0}slide.pagedown[data-transition="glue"].current{-webkit-animation:moveFromRight 0.6s ease both;-moz-animation:moveFromRight 0.6s ease both;-ms-animation:moveFromRight 0.6s ease both;-o-animation:moveFromRight 0.6s ease both;animation:moveFromRight 0.6s ease both;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-ms-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;z-index:999}slide.pagedown[data-transition="glue"].next{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:rotateRightSideFirst 0.8s both ease-in;-moz-animation:rotateRightSideFirst 0.8s both ease-in;-ms-animation:rotateRightSideFirst 0.8s both ease-in;-o-animation:rotateRightSideFirst 0.8s both ease-in;animation:rotateRightSideFirst 0.8s both ease-in;opacity:1}slide.pagedown[data-transition="glue"].past{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}slide.pageup[data-transition="glue"].current{-webkit-animation:moveFromLeft 0.6s ease both;-moz-animation:moveFromLeft 0.6s ease both;-ms-animation:moveFromLeft 0.6s ease both;-o-animation:moveFromLeft 0.6s ease both;animation:moveFromLeft 0.6s ease both;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-ms-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;z-index:999}slide.pageup[data-transition="glue"].next{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}slide.pageup[data-transition="glue"].past{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst 0.8s both ease-in;-moz-animation:rotateLeftSideFirst 0.8s both ease-in;-ms-animation:rotateLeftSideFirst 0.8s both ease-in;-o-animation:rotateLeftSideFirst 0.8s both ease-in;animation:rotateLeftSideFirst 0.8s both ease-in;opacity:1}slide.pagedown[data-transition="kontext"]{-moz-transform:translateZ(-100px);-ms-transform:translateZ(-100px);-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}slide.pagedown[data-transition="kontext"].current{-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:show-right 1s forwards ease;-moz-animation:show-right 1s forwards ease;-ms-animation:show-right 1s forwards ease;-o-animation:show-right 1s forwards ease;animation:show-right 1s forwards ease;z-index:999}slide.pagedown[data-transition="kontext"].past{-webkit-animation:hide-right 1s forwards ease;-moz-animation:hide-right 1s forwards ease;-ms-animation:hide-right 1s forwards ease;-o-animation:hide-right 1s forwards ease;animation:hide-right 1s forwards ease;opacity:1;z-index:99}slide.pageup[data-transition="kontext"].current{-webkit-animation:show-left 1s forwards ease;-moz-animation:show-left 1s forwards ease;-ms-animation:show-left 1s forwards ease;-o-animation:show-left 1s forwards ease;animation:show-left 1s forwards ease;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}slide.pageup[data-transition="kontext"].next{-webkit-animation:hide-left 1s forwards ease;-moz-animation:hide-left 1s forwards ease;-ms-animation:hide-left 1s forwards ease;-o-animation:hide-left 1s forwards ease;animation:hide-left 1s forwards ease;opacity:1;z-index:99}slide[data-transition="newspaper"].current{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateInNewspaper 0.5s both ease-out;-moz-animation:rotateInNewspaper 0.5s both ease-out;-ms-animation:rotateInNewspaper 0.5s both ease-out;-o-animation:rotateInNewspaper 0.5s both ease-out;animation:rotateInNewspaper 0.5s both ease-out;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;z-index:999}slide[data-transition="newspaper"].past{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper 0.5s both ease-out;-moz-animation:rotateOutNewspaper 0.5s both ease-out;-ms-animation:rotateOutNewspaper 0.5s both ease-out;-o-animation:rotateOutNewspaper 0.5s both ease-out;animation:rotateOutNewspaper 0.5s both ease-out;opacity:1;z-index:99}slide[data-transition="newspaper"].next{z-index:99}slide.pagedown[data-transition="move"]{z-index:99}slide.pagedown[data-transition="move"].current{-webkit-animation:moveFromRight 0.6s ease both;-moz-animation:moveFromRight 0.6s ease both;-ms-animation:moveFromRight 0.6s ease both;-o-animation:moveFromRight 0.6s ease both;animation:moveFromRight 0.6s ease both;z-index:999}slide.pagedown[data-transition="move"].past{-webkit-animation:moveToLeft 0.7s ease-in-out both;-moz-animation:moveToLeft 0.7s ease-in-out both;-ms-animation:moveToLeft 0.7s ease-in-out both;-o-animation:moveToLeft 0.7s ease-in-out both;animation:moveToLeft 0.7s ease-in-out both;opacity:1;z-index:999}slide.pageup[data-transition="move"].current{-webkit-animation:moveFromLeft 0.6s ease both;-moz-animation:moveFromLeft 0.6s ease both;-ms-animation:moveFromLeft 0.6s ease both;-o-animation:moveFromLeft 0.6s ease both;animation:moveFromLeft 0.6s ease both;z-index:999}slide.pageup[data-transition="move"].next{-webkit-animation:moveToRight 0.7s ease-in-out both;-moz-animation:moveToRight 0.7s ease-in-out both;-ms-animation:moveToRight 0.7s ease-in-out both;-o-animation:moveToRight 0.7s ease-in-out both;animation:moveToRight 0.7s ease-in-out both;opacity:1;z-index:99}slide.pagedown[data-transition="stick"],slide.pageup[data-transition="stick"]{-webkit-perspective:1600px;-moz-perspective:1600px;-ms-perspective:1600px;-o-perspective:1600px;perspective:1600px;opacity:0;z-index:999}slide.pagedown[data-transition="stick"].current{z-index:1001;opacity:1;-webkit-animation:slideInFromBottomDelayed 0.8s forwards;-moz-animation:slideInFromBottomDelayed 0.8s forwards;-ms-animation:slideInFromBottomDelayed 0.8s forwards;-o-animation:slideInFromBottomDelayed 0.8s forwards;animation:slideInFromBottomDelayed 0.8s forwards}slide.pagedown[data-transition="stick"].past{opacity:0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:rotateBottomSideOut 0.8s forwards ease-in;-moz-animation:rotateBottomSideOut 0.8s forwards ease-in;-ms-animation:rotateBottomSideOut 0.8s forwards ease-in;-o-animation:rotateBottomSideOut 0.8s forwards ease-in;animation:rotateBottomSideOut 0.8s forwards ease-in}slide.pageup[data-transition="stick"].current{opacity:1;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;-moz-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;-ms-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;-o-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in}slide.pageup[data-transition="stick"].next{opacity:1;-webkit-animation:slideOutToBottom 0.8s forwards;-moz-animation:slideOutToBottom 0.8s forwards;-ms-animation:slideOutToBottom 0.8s forwards;-o-animation:slideOutToBottom 0.8s forwards;animation:slideOutToBottom 0.8s forwards}slide[data-transition="vkontext"]{-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}slide.pagedown[data-transition="vkontext"].current{-webkit-animation:showRight 1s forwards;-moz-animation:showRight 1s forwards;-ms-animation:showRight 1s forwards;-o-animation:showRight 1s forwards;animation:showRight 1s forwards}slide.pagedown[data-transition="vkontext"].past{-webkit-animation:hideLeft 1s forwards;-moz-animation:hideLeft 1s forwards;-ms-animation:hideLeft 1s forwards;-o-animation:hideLeft 1s forwards;animation:hideLeft 1s forwards}slide.pageup[data-transition="vkontext"].current{-webkit-animation:showLeft 1s forwards;-moz-animation:showLeft 1s forwards;-ms-animation:showLeft 1s forwards;-o-animation:showLeft 1s forwards;animation:showLeft 1s forwards}slide.pageup[data-transition="vkontext"].next{-webkit-animation:hideRight 1s forwards;-moz-animation:hideRight 1s forwards;-ms-animation:hideRight 1s forwards;-o-animation:hideRight 1s forwards;animation:hideRight 1s forwards}slide.pagedown[data-transition="earthquake"].current{-webkit-animation:pushFromTop 1s 0.1s forwards;-moz-animation:pushFromTop 1s 0.1s forwards;-ms-animation:pushFromTop 1s 0.1s forwards;-o-animation:pushFromTop 1s 0.1s forwards;animation:pushFromTop 1s 0.1s forwards;opacity:1}slide.pagedown[data-transition="earthquake"].past{opacity:1;-webkit-animation:shakeSlideBottom 1s 0.1s forwards;-moz-animation:shakeSlideBottom 1s 0.1s forwards;-ms-animation:shakeSlideBottom 1s 0.1s forwards;-o-animation:shakeSlideBottom 1s 0.1s forwards;animation:shakeSlideBottom 1s 0.1s forwards}slide.pageup[data-transition="earthquake"].current{opacity:1;-webkit-animation:pushFromBottom 1s 0.1s forwards;-moz-animation:pushFromBottom 1s 0.1s forwards;-ms-animation:pushFromBottom 1s 0.1s forwards;-o-animation:pushFromBottom 1s 0.1s forwards;animation:pushFromBottom 1s 0.1s forwards}slide.pageup[data-transition="earthquake"].next{opacity:1;-webkit-animation:shakeSlideTop 1s 0.1s forwards;-moz-animation:shakeSlideTop 1s 0.1s forwards;-ms-animation:shakeSlideTop 1s 0.1s forwards;-o-animation:shakeSlideTop 1s 0.1s forwards;animation:shakeSlideTop 1s 0.1s forwards}slide[data-transition="earthquake"]::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.3);transition:opacity 0.5s}slide[data-transition="earthquake"].next::after,slide[data-transition="earthquake"].past::after{opacity:1}slide.pagedown[data-transition="circle"],slide.pageup[data-transition="circle"]{-webkit-transform-origin:50% 400%;transform-origin:50% 400%}slide.pagedown[data-transition="circle"]::after,slide.pageup[data-transition="circle"]::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:#000;-webkit-transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);-moz-transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);-ms-transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);-o-transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="circle"].current{opacity:1;-webkit-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="circle"].past{opacity:1;-webkit-animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="circle"].current{opacity:1;-webkit-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="circle"].next{opacity:1;-webkit-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide[data-transition="circle"].next::after,slide[data-transition="circle"].past::after{opacity:1}slide.pagedown[data-transition="pulse"],slide.pageup[data-transition="pulse"]{opacity:0}slide.pagedown[data-transition="pulse"].past,slide.pageup[data-transition="pulse"].next{-webkit-animation:scaleUpFadeOut 0.8s forwards ease-in;-moz-animation:scaleUpFadeOut 0.8s forwards ease-in;-ms-animation:scaleUpFadeOut 0.8s forwards ease-in;-o-animation:scaleUpFadeOut 0.8s forwards ease-in;animation:scaleUpFadeOut 0.8s forwards ease-in}slide.pageup[data-transition="pulse"].current,slide.pagedown[data-transition="pulse"].current{-webkit-animation:scaleDownFadeIn 0.8s forwards ease-out;-moz-animation:scaleDownFadeIn 0.8s forwards ease-out;-ms-animation:scaleDownFadeIn 0.8s forwards ease-out;-o-animation:scaleDownFadeIn 0.8s forwards ease-out;animation:scaleDownFadeIn 0.8s forwards ease-out}slide.pagedown[data-transition="slide"].past{-webkit-animation:rotateSlideOutToLeft 1s both ease;-moz-animation:rotateSlideOutToLeft 1s both ease;-ms-animation:rotateSlideOutToLeft 1s both ease;-o-animation:rotateSlideOutToLeft 1s both ease;animation:rotateSlideOutToLeft 1s both ease}slide.pagedown[data-transition="slide"].current{-webkit-animation:rotateSlideInFromRight 1s both ease;-moz-animation:rotateSlideInFromRight 1s both ease;-ms-animation:rotateSlideInFromRight 1s both ease;-o-animation:rotateSlideInFromRight 1s both ease;animation:rotateSlideInFromRight 1s both ease}slide.pageup[data-transition="slide"].current{-webkit-animation:rotateSlideInFromLeft 1s both ease;-moz-animation:rotateSlideInFromLeft 1s both ease;-ms-animation:rotateSlideInFromLeft 1s both ease;-o-animation:rotateSlideInFromLeft 1s both ease;animation:rotateSlideInFromLeft 1s both ease}slide.pageup[data-transition="slide"].next{-webkit-animation:rotateSlideOutToRight 1s both ease;-moz-animation:rotateSlideOutToRight 1s both ease;-ms-animation:rotateSlideOutToRight 1s both ease;-o-animation:rotateSlideOutToRight 1s both ease;animation:rotateSlideOutToRight 1s both ease}slide.pagedown[data-transition="slide2"].past{-webkit-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="slide2"].current{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="slide2"].next{-webkit-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-moz-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-ms-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);-o-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pageup[data-transition="slide2"].current{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)}slide.pagedown[data-transition="slide3"].past{-webkit-animation:slideOutScaleLeft 1.2s forwards;-moz-animation:slideOutScaleLeft 1.2s forwards;-ms-animation:slideOutScaleLeft 1.2s forwards;-o-animation:slideOutScaleLeft 1.2s forwards;animation:slideOutScaleLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-moz-animation-timing-function:cubic-bezier(1, 0, 0, 1);-ms-animation-timing-function:cubic-bezier(1, 0, 0, 1);-o-animation-timing-function:cubic-bezier(1, 0, 0, 1);animation-timing-function:cubic-bezier(1, 0, 0, 1)}slide.pagedown[data-transition="slide3"].current{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards;-moz-animation:slideInFromRight 1.2s forwards;-ms-animation:slideInFromRight 1.2s forwards;-o-animation:slideInFromRight 1.2s forwards;animation:slideInFromRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-moz-animation-timing-function:cubic-bezier(1, 0, 0, 1);-ms-animation-timing-function:cubic-bezier(1, 0, 0, 1);-o-animation-timing-function:cubic-bezier(1, 0, 0, 1);animation-timing-function:cubic-bezier(1, 0, 0, 1)}slide.pageup[data-transition="slide3"].current{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards;-moz-animation:slideInFromLeft 1.2s forwards;-ms-animation:slideInFromLeft 1.2s forwards;-o-animation:slideInFromLeft 1.2s forwards;animation:slideInFromLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-moz-animation-timing-function:cubic-bezier(1, 0, 0, 1);-ms-animation-timing-function:cubic-bezier(1, 0, 0, 1);-o-animation-timing-function:cubic-bezier(1, 0, 0, 1);animation-timing-function:cubic-bezier(1, 0, 0, 1)}slide.pageup[data-transition="slide3"].next{opacity:1;-webkit-animation:slideOutScaleRight 1.2s forwards;-moz-animation:slideOutScaleRight 1.2s forwards;-ms-animation:slideOutScaleRight 1.2s forwards;-o-animation:slideOutScaleRight 1.2s forwards;animation:slideOutScaleRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1, 0, 0, 1);-moz-animation-timing-function:cubic-bezier(1, 0, 0, 1);-ms-animation-timing-function:cubic-bezier(1, 0, 0, 1);-o-animation-timing-function:cubic-bezier(1, 0, 0, 1);animation-timing-function:cubic-bezier(1, 0, 0, 1)}slide[data-transition="cover-diamond"]{-moz-transition:opacity 0s,-webkit-clip-path 1s;-o-transition:opacity 0s,-webkit-clip-path 1s;-webkit-transition:opacity 0s,-webkit-clip-path 1s;transition:opacity 0s,-webkit-clip-path 1s;opacity:0;-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);-moz-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);-ms-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);-o-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)}slide[data-transition="cover-diamond"].current{opacity:1;-webkit-clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);-moz-clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);-ms-clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);-o-clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);clip-path:polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%)}slide[data-transition="cover-diamond"].past{-moz-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;-o-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;-webkit-transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s;transition:opacity,cubic-bezier(0.11, 0.75, 0.58, 0.97) 0s}slide[data-transition="cover-circle"]{-moz-transition:opacity 0s,-webkit-clip-path 1s;-o-transition:opacity 0s,-webkit-clip-path 1s;-webkit-transition:opacity 0s,-webkit-clip-path 1s;transition:opacity 0s,-webkit-clip-path 1s;opacity:0;-webkit-clip-path:circle(5%, 50%, 50%);-moz-clip-path:circle(5%, 50%, 50%);-ms-clip-path:circle(5%, 50%, 50%);-o-clip-path:circle(5%, 50%, 50%);clip-path:circle(5%, 50%, 50%)}slide[data-transition="cover-circle"].current{opacity:1;-webkit-clip-path:circle(80%, 50%, 50%);-moz-clip-path:circle(80%, 50%, 50%);-ms-clip-path:circle(80%, 50%, 50%);-o-clip-path:circle(80%, 50%, 50%);clip-path:circle(80%, 50%, 50%)}slide[data-transition="cover-circle"].past{-moz-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);-o-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);-webkit-transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97);transition:all 0s cubic-bezier(0.11, 0.75, 0.58, 0.97)}@-webkit-keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);-moz-transform:translateX(100%) scale(0.9);-ms-transform:translateX(100%) scale(0.9);-o-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@-moz-keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);-moz-transform:translateX(100%) scale(0.9);-ms-transform:translateX(100%) scale(0.9);-o-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@-ms-keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);-moz-transform:translateX(100%) scale(0.9);-ms-transform:translateX(100%) scale(0.9);-o-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@-o-keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);-moz-transform:translateX(100%) scale(0.9);-ms-transform:translateX(100%) scale(0.9);-o-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@keyframes slideOutScaleRight{from{opacity:1}to{-webkit-transform:translateX(100%) scale(0.9);-moz-transform:translateX(100%) scale(0.9);-ms-transform:translateX(100%) scale(0.9);-o-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0}}@-webkit-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-ms-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);-moz-transform:translateX(-100%) scale(0.9);-ms-transform:translateX(-100%) scale(0.9);-o-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@-moz-keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);-moz-transform:translateX(-100%) scale(0.9);-ms-transform:translateX(-100%) scale(0.9);-o-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@-ms-keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);-moz-transform:translateX(-100%) scale(0.9);-ms-transform:translateX(-100%) scale(0.9);-o-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@-o-keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);-moz-transform:translateX(-100%) scale(0.9);-ms-transform:translateX(-100%) scale(0.9);-o-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@keyframes slideOutScaleLeft{from{opacity:1}to{-webkit-transform:translateX(-100%) scale(0.9);-moz-transform:translateX(-100%) scale(0.9);-ms-transform:translateX(-100%) scale(0.9);-o-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0}}@-webkit-keyframes slideInFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes slideInFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-ms-keyframes slideInFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slideInFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-moz-keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-ms-keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-o-keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@keyframes scaleUpFadeOut{from{opacity:1}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:.5}75%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-ms-keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-o-keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes scaleDownFadeIn{from{opacity:0}50%{opacity:0.5;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@-moz-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@-ms-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@-o-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}}@-webkit-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-moz-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-ms-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-o-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-webkit-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@-moz-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@-ms-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@-o-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);-moz-transform:rotate(20deg) translateX(100%);-ms-transform:rotate(20deg) translateX(100%);-o-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%)}}@-webkit-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-moz-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-ms-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-o-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);-moz-transform:rotate(-20deg) translateX(-100%);-ms-transform:rotate(-20deg) translateX(-100%);-o-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%)}to{-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@-webkit-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes shakeSlideTop{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}4%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}8%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}10%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}14%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}18%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}20%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}22%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}24%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}28%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}30%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}32%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}34%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}42%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}46%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}48%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}50%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}52%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}54%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}56%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}60%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}62%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}64%{-webkit-transform:translate(0px, -1px) rotate(-0.5deg);-moz-transform:translate(0px, -1px) rotate(-0.5deg);-ms-transform:translate(0px, -1px) rotate(-0.5deg);-o-transform:translate(0px, -1px) rotate(-0.5deg);transform:translate(0px, -1px) rotate(-0.5deg)}66%{-webkit-transform:translate(-1px, -1px) rotate(-0.5deg);-moz-transform:translate(-1px, -1px) rotate(-0.5deg);-ms-transform:translate(-1px, -1px) rotate(-0.5deg);-o-transform:translate(-1px, -1px) rotate(-0.5deg);transform:translate(-1px, -1px) rotate(-0.5deg)}68%{-webkit-transform:translate(-1px, 0px) rotate(-0.5deg);-moz-transform:translate(-1px, 0px) rotate(-0.5deg);-ms-transform:translate(-1px, 0px) rotate(-0.5deg);-o-transform:translate(-1px, 0px) rotate(-0.5deg);transform:translate(-1px, 0px) rotate(-0.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);-moz-transform:translate(0px, 0px) rotate(-0.5deg);-ms-transform:translate(0px, 0px) rotate(-0.5deg);-o-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transition-timing-function:translateY(100%);-moz-transition-timing-function:translateY(100%);-ms-transition-timing-function:translateY(100%);-o-transition-timing-function:translateY(100%);transition-timing-function:translateY(100%)}100%{opacity:1;-webkit-transition-timing-function:translateY(0);-moz-transition-timing-function:translateY(0);-ms-transition-timing-function:translateY(0);-o-transition-timing-function:translateY(0);transition-timing-function:translateY(0)}}@-moz-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transition-timing-function:translateY(100%);-moz-transition-timing-function:translateY(100%);-ms-transition-timing-function:translateY(100%);-o-transition-timing-function:translateY(100%);transition-timing-function:translateY(100%)}100%{opacity:1;-webkit-transition-timing-function:translateY(0);-moz-transition-timing-function:translateY(0);-ms-transition-timing-function:translateY(0);-o-transition-timing-function:translateY(0);transition-timing-function:translateY(0)}}@-ms-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transition-timing-function:translateY(100%);-moz-transition-timing-function:translateY(100%);-ms-transition-timing-function:translateY(100%);-o-transition-timing-function:translateY(100%);transition-timing-function:translateY(100%)}100%{opacity:1;-webkit-transition-timing-function:translateY(0);-moz-transition-timing-function:translateY(0);-ms-transition-timing-function:translateY(0);-o-transition-timing-function:translateY(0);transition-timing-function:translateY(0)}}@-o-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transition-timing-function:translateY(100%);-moz-transition-timing-function:translateY(100%);-ms-transition-timing-function:translateY(100%);-o-transition-timing-function:translateY(100%);transition-timing-function:translateY(100%)}100%{opacity:1;-webkit-transition-timing-function:translateY(0);-moz-transition-timing-function:translateY(0);-ms-transition-timing-function:translateY(0);-o-transition-timing-function:translateY(0);transition-timing-function:translateY(0)}}@keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transition-timing-function:translateY(100%);-moz-transition-timing-function:translateY(100%);-ms-transition-timing-function:translateY(100%);-o-transition-timing-function:translateY(100%);transition-timing-function:translateY(100%)}100%{opacity:1;-webkit-transition-timing-function:translateY(0);-moz-transition-timing-function:translateY(0);-ms-transition-timing-function:translateY(0);-o-transition-timing-function:translateY(0);transition-timing-function:translateY(0)}}@-webkit-keyframes hideLeft{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-moz-keyframes hideLeft{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-ms-keyframes hideLeft{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-o-keyframes hideLeft{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@keyframes hideLeft{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-webkit-keyframes showRight{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1}41%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1;z-index:9999}100%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px);opacity:1;z-index:9999}}@-moz-keyframes showRight{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1}41%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1;z-index:9999}100%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px);opacity:1;z-index:9999}}@-ms-keyframes showRight{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1}41%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1;z-index:9999}100%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px);opacity:1;z-index:9999}}@-o-keyframes showRight{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1}41%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1;z-index:9999}100%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px);opacity:1;z-index:9999}}@keyframes showRight{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1}41%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);opacity:1;z-index:9999}100%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px);opacity:1;z-index:9999}}@-webkit-keyframes hideRight{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-moz-keyframes hideRight{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-ms-keyframes hideRight{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-o-keyframes hideRight{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@keyframes hideRight{0%{-webkit-transition-timing-function:translateZ(0px);-moz-transition-timing-function:translateZ(0px);-ms-transition-timing-function:translateZ(0px);-o-transition-timing-function:translateZ(0px);transition-timing-function:translateZ(0px)}40%{-webkit-transition-timing-function:translate(0, 40%) scale(0.8);-moz-transition-timing-function:translate(0, 40%) scale(0.8);-ms-transition-timing-function:translate(0, 40%) scale(0.8);-o-transition-timing-function:translate(0, 40%) scale(0.8);transition-timing-function:translate(0, 40%) scale(0.8);z-index:9999}100%{opacity:1;-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px)}}@-webkit-keyframes showLeft{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-moz-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-ms-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-o-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-moz-keyframes showLeft{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-moz-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-ms-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-o-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-ms-keyframes showLeft{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-moz-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-ms-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-o-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-o-keyframes showLeft{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-moz-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-ms-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-o-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@keyframes showLeft{0%{-webkit-transition-timing-function:translateZ(-400px);-moz-transition-timing-function:translateZ(-400px);-ms-transition-timing-function:translateZ(-400px);-o-transition-timing-function:translateZ(-400px);transition-timing-function:translateZ(-400px);opacity:1}40%{-webkit-transition-timing-function:translate(0, -40%) scale(0.8);-moz-transition-timing-function:translate(0, -40%) scale(0.8);-ms-transition-timing-function:translate(0, -40%) scale(0.8);-o-transition-timing-function:translate(0, -40%) scale(0.8);transition-timing-function:translate(0, -40%) scale(0.8);opacity:1}41%{-webkit-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-moz-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-ms-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);-o-transform:translate(0, -40%) scale(0.8) rotateX(-20deg);transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999}}@-webkit-keyframes show-right{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-moz-keyframes show-right{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-ms-keyframes show-right{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-o-keyframes show-right{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@keyframes show-right{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-webkit-keyframes hide-right{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-moz-keyframes hide-right{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-ms-keyframes hide-right{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-o-keyframes hide-right{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@keyframes hide-right{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-webkit-keyframes show-left{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-moz-keyframes show-left{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-ms-keyframes show-left{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-o-keyframes show-left{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@keyframes show-left{0%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px)}40%{-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-moz-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-ms-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);-o-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);transform:translate(-40%, 0) scale(0.8) rotateY(20deg)}100%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}}@-webkit-keyframes hide-left{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-moz-keyframes hide-left{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-ms-keyframes hide-left{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-o-keyframes hide-left{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@keyframes hide-left{0%{-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);visibility:visible}40%{-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-moz-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-ms-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);-o-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);transform:translate(40%, 0) scale(0.8) rotateY(-20deg)}100%{-webkit-transform:translateZ(-200px);-moz-transform:translateZ(-200px);-ms-transform:translateZ(-200px);-o-transform:translateZ(-200px);transform:translateZ(-200px);visibility:hidden}}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-moz-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-ms-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-o-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveToLeft{to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-moz-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-ms-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-o-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-moz-keyframes moveToRight{to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-ms-keyframes moveToRight{to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-o-keyframes moveToRight{to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@keyframes moveToRight{to{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-moz-keyframes moveFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-ms-keyframes moveFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-o-keyframes moveFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@keyframes moveFromRight{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes moveToTop{to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes moveToTop{to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes moveToTop{to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveToTop{to{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveFromTop{from{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes moveToBottom{to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes moveToBottom{to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes moveToBottom{to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveToBottom{to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveFromBottom{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes fade{to{opacity:0.3}}@-moz-keyframes fade{to{opacity:0.3}}@-ms-keyframes fade{to{opacity:0.3}}@-o-keyframes fade{to{opacity:0.3}}@keyframes fade{to{opacity:0.3}}@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-moz-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-ms-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-o-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-moz-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-ms-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-o-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-moz-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-ms-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-o-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-moz-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-ms-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-o-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-moz-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-ms-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-o-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-moz-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-ms-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-o-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-ms-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-ms-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-moz-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-ms-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-o-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-moz-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-ms-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-o-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);-o-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);-o-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-ms-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);-o-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-o-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);-o-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);-moz-transform:rotateY(15deg);-ms-transform:rotateY(15deg);-o-transform:rotateY(15deg);transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-ms-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-o-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-ms-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-o-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-ms-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-o-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-moz-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-ms-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-o-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-moz-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-ms-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-o-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-moz-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-ms-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-o-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);-moz-transform:translateZ(-1000px) rotateY(-90deg);-ms-transform:translateZ(-1000px) rotateY(-90deg);-o-transform:translateZ(-1000px) rotateY(-90deg);transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-moz-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-ms-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-o-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);-moz-transform:translateZ(-1000px) rotateY(90deg);-ms-transform:translateZ(-1000px) rotateY(90deg);-o-transform:translateZ(-1000px) rotateY(90deg);transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-moz-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-ms-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-o-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-moz-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-ms-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-o-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-moz-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-ms-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-o-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);-moz-transform:translateZ(-1000px) rotateX(-90deg);-ms-transform:translateZ(-1000px) rotateX(-90deg);-o-transform:translateZ(-1000px) rotateX(-90deg);transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-moz-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-ms-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-o-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);-moz-transform:translateZ(-1000px) rotateX(90deg);-ms-transform:translateZ(-1000px) rotateX(90deg);-o-transform:translateZ(-1000px) rotateX(90deg);transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);-moz-transform:rotateZ(17deg);-ms-transform:rotateZ(17deg);-o-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);-moz-transform:rotateZ(16deg);-ms-transform:rotateZ(16deg);-o-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);-moz-transform:translateY(100%) rotateZ(17deg);-ms-transform:translateY(100%) rotateZ(17deg);-o-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@-moz-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);-moz-transform:rotateZ(17deg);-ms-transform:rotateZ(17deg);-o-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);-moz-transform:rotateZ(16deg);-ms-transform:rotateZ(16deg);-o-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);-moz-transform:translateY(100%) rotateZ(17deg);-ms-transform:translateY(100%) rotateZ(17deg);-o-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@-ms-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);-moz-transform:rotateZ(17deg);-ms-transform:rotateZ(17deg);-o-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);-moz-transform:rotateZ(16deg);-ms-transform:rotateZ(16deg);-o-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);-moz-transform:translateY(100%) rotateZ(17deg);-ms-transform:translateY(100%) rotateZ(17deg);-o-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@-o-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);-moz-transform:rotateZ(17deg);-ms-transform:rotateZ(17deg);-o-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);-moz-transform:rotateZ(16deg);-ms-transform:rotateZ(16deg);-o-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);-moz-transform:translateY(100%) rotateZ(17deg);-ms-transform:translateY(100%) rotateZ(17deg);-o-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(10deg);-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:rotateZ(17deg);-moz-transform:rotateZ(17deg);-ms-transform:rotateZ(17deg);-o-transform:rotateZ(17deg);transform:rotateZ(17deg)}60%{-webkit-transform:rotateZ(16deg);-moz-transform:rotateZ(16deg);-ms-transform:rotateZ(16deg);-o-transform:rotateZ(16deg);transform:rotateZ(16deg)}100%{-webkit-transform:translateY(100%) rotateZ(17deg);-moz-transform:translateY(100%) rotateZ(17deg);-ms-transform:translateY(100%) rotateZ(17deg);-o-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg)}}@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);-moz-transform:translateZ(-3000px) rotateZ(360deg);-ms-transform:translateZ(-3000px) rotateZ(360deg);-o-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-moz-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);-moz-transform:translateZ(-3000px) rotateZ(360deg);-ms-transform:translateZ(-3000px) rotateZ(360deg);-o-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-ms-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);-moz-transform:translateZ(-3000px) rotateZ(360deg);-ms-transform:translateZ(-3000px) rotateZ(360deg);-o-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-o-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);-moz-transform:translateZ(-3000px) rotateZ(360deg);-ms-transform:translateZ(-3000px) rotateZ(360deg);-o-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);-moz-transform:translateZ(-3000px) rotateZ(360deg);-ms-transform:translateZ(-3000px) rotateZ(360deg);-o-transform:translateZ(-3000px) rotateZ(360deg);transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);-moz-transform:translateZ(-3000px) rotateZ(-360deg);-ms-transform:translateZ(-3000px) rotateZ(-360deg);-o-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-moz-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);-moz-transform:translateZ(-3000px) rotateZ(-360deg);-ms-transform:translateZ(-3000px) rotateZ(-360deg);-o-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-ms-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);-moz-transform:translateZ(-3000px) rotateZ(-360deg);-ms-transform:translateZ(-3000px) rotateZ(-360deg);-o-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-o-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);-moz-transform:translateZ(-3000px) rotateZ(-360deg);-ms-transform:translateZ(-3000px) rotateZ(-360deg);-o-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);-moz-transform:translateZ(-3000px) rotateZ(-360deg);-ms-transform:translateZ(-3000px) rotateZ(-360deg);-o-transform:translateZ(-3000px) rotateZ(-360deg);transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-moz-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-ms-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-o-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-moz-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-ms-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-o-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-moz-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-ms-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-o-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-moz-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-ms-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-o-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-moz-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-ms-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-o-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-moz-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-ms-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-o-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-moz-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-ms-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-o-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-moz-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-ms-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-o-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-ms-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-o-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-ms-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-o-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-ms-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-o-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-ms-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-o-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-ms-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-o-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-ms-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-o-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-ms-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-o-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-ms-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-o-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-moz-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-ms-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-o-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-moz-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-ms-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-o-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-moz-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-ms-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-o-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);-moz-transform:translateX(100%) rotateY(-90deg);-ms-transform:translateX(100%) rotateY(-90deg);-o-transform:translateX(100%) rotateY(-90deg);transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-moz-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-ms-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-o-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);-moz-transform:translateX(-100%) rotateY(90deg);-ms-transform:translateX(-100%) rotateY(90deg);-o-transform:translateX(-100%) rotateY(90deg);transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-moz-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-ms-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-o-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-moz-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-ms-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-o-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-moz-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-ms-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-o-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);-o-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-moz-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-ms-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-o-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);-moz-transform:translateY(-100%) rotateX(-90deg);-ms-transform:translateY(-100%) rotateX(-90deg);-o-transform:translateY(-100%) rotateX(-90deg);transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-ms-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-o-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-moz-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-ms-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-o-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-ms-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-o-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-ms-transform:translateX(50%) translateZ(-200px) rotateY(45deg);-o-transform:translateX(50%) translateZ(-200px) rotateY(45deg);transform:translateX(50%) translateZ(-200px) rotateY(45deg)}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);-moz-transform:translateX(100%) rotateY(90deg);-ms-transform:translateX(100%) rotateY(90deg);-o-transform:translateX(100%) rotateY(90deg);transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-moz-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-ms-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-o-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);-moz-transform:translateX(-100%) rotateY(-90deg);-ms-transform:translateX(-100%) rotateY(-90deg);-o-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-ms-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);-o-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-ms-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-o-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-moz-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-ms-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-o-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);-moz-transform:translateY(100%) rotateX(-90deg);-ms-transform:translateY(100%) rotateX(-90deg);-o-transform:translateY(100%) rotateX(-90deg);transform:translateY(100%) rotateX(-90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transition-timing-function:translateY(100%) rotateX(-90deg);-moz-transition-timing-function:translateY(100%) rotateX(-90deg);-ms-transition-timing-function:translateY(100%) rotateX(-90deg);-o-transition-timing-function:translateY(100%) rotateX(-90deg);transition-timing-function:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transition-timing-function:translateY(100%) rotateX(-90deg);-moz-transition-timing-function:translateY(100%) rotateX(-90deg);-ms-transition-timing-function:translateY(100%) rotateX(-90deg);-o-transition-timing-function:translateY(100%) rotateX(-90deg);transition-timing-function:translateY(100%) rotateX(-90deg)}}@-ms-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transition-timing-function:translateY(100%) rotateX(-90deg);-moz-transition-timing-function:translateY(100%) rotateX(-90deg);-ms-transition-timing-function:translateY(100%) rotateX(-90deg);-o-transition-timing-function:translateY(100%) rotateX(-90deg);transition-timing-function:translateY(100%) rotateX(-90deg)}}@-o-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transition-timing-function:translateY(100%) rotateX(-90deg);-moz-transition-timing-function:translateY(100%) rotateX(-90deg);-ms-transition-timing-function:translateY(100%) rotateX(-90deg);-o-transition-timing-function:translateY(100%) rotateX(-90deg);transition-timing-function:translateY(100%) rotateX(-90deg)}}@keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-moz-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-ms-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);-o-transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg);transition-timing-function:translateY(50%) translateZ(-200px) rotateX(-45deg)}100%{opacity:.3;-webkit-transition-timing-function:translateY(100%) rotateX(-90deg);-moz-transition-timing-function:translateY(100%) rotateX(-90deg);-ms-transition-timing-function:translateY(100%) rotateX(-90deg);-o-transition-timing-function:translateY(100%) rotateX(-90deg);transition-timing-function:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transition-timing-function:translateY(-100%) rotateX(90deg);-moz-transition-timing-function:translateY(-100%) rotateX(90deg);-ms-transition-timing-function:translateY(-100%) rotateX(90deg);-o-transition-timing-function:translateY(-100%) rotateX(90deg);transition-timing-function:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-moz-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transition-timing-function:translateY(-100%) rotateX(90deg);-moz-transition-timing-function:translateY(-100%) rotateX(90deg);-ms-transition-timing-function:translateY(-100%) rotateX(90deg);-o-transition-timing-function:translateY(-100%) rotateX(90deg);transition-timing-function:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-ms-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transition-timing-function:translateY(-100%) rotateX(90deg);-moz-transition-timing-function:translateY(-100%) rotateX(90deg);-ms-transition-timing-function:translateY(-100%) rotateX(90deg);-o-transition-timing-function:translateY(-100%) rotateX(90deg);transition-timing-function:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-o-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transition-timing-function:translateY(-100%) rotateX(90deg);-moz-transition-timing-function:translateY(-100%) rotateX(90deg);-ms-transition-timing-function:translateY(-100%) rotateX(90deg);-o-transition-timing-function:translateY(-100%) rotateX(90deg);transition-timing-function:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transition-timing-function:translateY(-100%) rotateX(90deg);-moz-transition-timing-function:translateY(-100%) rotateX(90deg);-ms-transition-timing-function:translateY(-100%) rotateX(90deg);-o-transition-timing-function:translateY(-100%) rotateX(90deg);transition-timing-function:translateY(-100%) rotateX(90deg)}50%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-moz-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-ms-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);-o-transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg);transition-timing-function:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg)}}@-moz-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg)}}@-ms-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg)}}@-o-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg)}}@keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-150%) scale(0.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-moz-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-ms-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-o-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-moz-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-ms-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-o-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-moz-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-ms-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);-o-transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg);transition-timing-function:translateX(200%) scale(0.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg)}}@-moz-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg)}}@-ms-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg)}}@-o-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg)}}@keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-moz-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-ms-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);-o-transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg);transition-timing-function:translateX(-200%) scale(0.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-moz-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-ms-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-o-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-moz-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-ms-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-o-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-moz-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-ms-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-o-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-moz-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-ms-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);-o-transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg);transition-timing-function:translateY(200%) scale(0.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-moz-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-ms-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-o-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-moz-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-ms-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);-o-transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg);transition-timing-function:translateY(-200%) scale(0.4) rotateX(65deg)}}@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(90deg);-o-transition-timing-function:translateZ(-500px) rotateY(90deg);transition-timing-function:translateZ(-500px) rotateY(90deg)}}@-moz-keyframes rotateSidesOut{to{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(90deg);-o-transition-timing-function:translateZ(-500px) rotateY(90deg);transition-timing-function:translateZ(-500px) rotateY(90deg)}}@-ms-keyframes rotateSidesOut{to{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(90deg);-o-transition-timing-function:translateZ(-500px) rotateY(90deg);transition-timing-function:translateZ(-500px) rotateY(90deg)}}@-o-keyframes rotateSidesOut{to{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(90deg);-o-transition-timing-function:translateZ(-500px) rotateY(90deg);transition-timing-function:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSidesOut{to{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(90deg);-o-transition-timing-function:translateZ(-500px) rotateY(90deg);transition-timing-function:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(-90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(-90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(-90deg);-o-transition-timing-function:translateZ(-500px) rotateY(-90deg);transition-timing-function:translateZ(-500px) rotateY(-90deg)}}@-moz-keyframes rotateSidesIn{from{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(-90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(-90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(-90deg);-o-transition-timing-function:translateZ(-500px) rotateY(-90deg);transition-timing-function:translateZ(-500px) rotateY(-90deg)}}@-ms-keyframes rotateSidesIn{from{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(-90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(-90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(-90deg);-o-transition-timing-function:translateZ(-500px) rotateY(-90deg);transition-timing-function:translateZ(-500px) rotateY(-90deg)}}@-o-keyframes rotateSidesIn{from{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(-90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(-90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(-90deg);-o-transition-timing-function:translateZ(-500px) rotateY(-90deg);transition-timing-function:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSidesIn{from{opacity:0;-webkit-transition-timing-function:translateZ(-500px) rotateY(-90deg);-moz-transition-timing-function:translateZ(-500px) rotateY(-90deg);-ms-transition-timing-function:translateZ(-500px) rotateY(-90deg);-o-transition-timing-function:translateZ(-500px) rotateY(-90deg);transition-timing-function:translateZ(-500px) rotateY(-90deg)}}@-webkit-keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px);-moz-transition-timing-function:translateZ(-500px);-ms-transition-timing-function:translateZ(-500px);-o-transition-timing-function:translateZ(-500px);transition-timing-function:translateZ(-500px)}75%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px) translateX(-200%);-moz-transition-timing-function:translateZ(-500px) translateX(-200%);-ms-transition-timing-function:translateZ(-500px) translateX(-200%);-o-transition-timing-function:translateZ(-500px) translateX(-200%);transition-timing-function:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px);-moz-transition-timing-function:translateZ(-500px);-ms-transition-timing-function:translateZ(-500px);-o-transition-timing-function:translateZ(-500px);transition-timing-function:translateZ(-500px)}75%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px) translateX(-200%);-moz-transition-timing-function:translateZ(-500px) translateX(-200%);-ms-transition-timing-function:translateZ(-500px) translateX(-200%);-o-transition-timing-function:translateZ(-500px) translateX(-200%);transition-timing-function:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@-ms-keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px);-moz-transition-timing-function:translateZ(-500px);-ms-transition-timing-function:translateZ(-500px);-o-transition-timing-function:translateZ(-500px);transition-timing-function:translateZ(-500px)}75%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px) translateX(-200%);-moz-transition-timing-function:translateZ(-500px) translateX(-200%);-ms-transition-timing-function:translateZ(-500px) translateX(-200%);-o-transition-timing-function:translateZ(-500px) translateX(-200%);transition-timing-function:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@-o-keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px);-moz-transition-timing-function:translateZ(-500px);-ms-transition-timing-function:translateZ(-500px);-o-transition-timing-function:translateZ(-500px);transition-timing-function:translateZ(-500px)}75%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px) translateX(-200%);-moz-transition-timing-function:translateZ(-500px) translateX(-200%);-ms-transition-timing-function:translateZ(-500px) translateX(-200%);-o-transition-timing-function:translateZ(-500px) translateX(-200%);transition-timing-function:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@keyframes rotateSlideOutToLeft{25%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px);-moz-transition-timing-function:translateZ(-500px);-ms-transition-timing-function:translateZ(-500px);-o-transition-timing-function:translateZ(-500px);transition-timing-function:translateZ(-500px)}75%{opacity:.5;-webkit-transition-timing-function:translateZ(-500px) translateX(-200%);-moz-transition-timing-function:translateZ(-500px) translateX(-200%);-ms-transition-timing-function:translateZ(-500px) translateX(-200%);-o-transition-timing-function:translateZ(-500px) translateX(-200%);transition-timing-function:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@-moz-keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@-ms-keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@-o-keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@keyframes rotateSlideOutToRight{0%{opacity:1}25%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}}@-webkit-keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-moz-keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-ms-keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-o-keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@keyframes rotateSlideInFromRight{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);-moz-transform:translateZ(-500px) translateX(200%);-ms-transform:translateZ(-500px) translateX(200%);-o-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-webkit-keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-moz-keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-ms-keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-o-keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@keyframes rotateSlideInFromLeft{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);-moz-transform:translateZ(-500px) translateX(-200%);-ms-transform:translateZ(-500px) translateX(-200%);-o-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);-moz-transform:translateZ(-500px);-ms-transform:translateZ(-500px);-o-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);-moz-transform:translateZ(0) translateX(0);-ms-transform:translateZ(0) translateX(0);-o-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);-moz-transform:scale3d(0.9, 0.9, 0.9);-ms-transform:scale3d(0.9, 0.9, 0.9);-o-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-moz-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);-o-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);-moz-transform:scale3d(0.97, 0.97, 0.97);-ms-transform:scale3d(0.97, 0.97, 0.97);-o-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-moz-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);-moz-transform:scale3d(0.9, 0.9, 0.9);-ms-transform:scale3d(0.9, 0.9, 0.9);-o-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-moz-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);-o-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);-moz-transform:scale3d(0.97, 0.97, 0.97);-ms-transform:scale3d(0.97, 0.97, 0.97);-o-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-ms-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);-moz-transform:scale3d(0.9, 0.9, 0.9);-ms-transform:scale3d(0.9, 0.9, 0.9);-o-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-moz-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);-o-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);-moz-transform:scale3d(0.97, 0.97, 0.97);-ms-transform:scale3d(0.97, 0.97, 0.97);-o-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-o-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);-moz-transform:scale3d(0.9, 0.9, 0.9);-ms-transform:scale3d(0.9, 0.9, 0.9);-o-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-moz-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);-o-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);-moz-transform:scale3d(0.97, 0.97, 0.97);-ms-transform:scale3d(0.97, 0.97, 0.97);-o-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);-moz-transform:scale3d(0.9, 0.9, 0.9);-ms-transform:scale3d(0.9, 0.9, 0.9);-o-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-moz-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);-o-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);-moz-transform:scale3d(0.97, 0.97, 0.97);-ms-transform:scale3d(0.97, 0.97, 0.97);-o-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes shake{0%,100%{-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)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);-moz-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);-o-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);-o-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@-moz-keyframes shake{0%,100%{-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)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);-moz-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);-o-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);-o-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@-ms-keyframes shake{0%,100%{-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)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);-moz-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);-o-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);-o-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@-o-keyframes shake{0%,100%{-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)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);-moz-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);-o-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);-o-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,100%{-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)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);-moz-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);-o-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);-moz-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);-o-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@-moz-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@-ms-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@-o-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-ms-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@-moz-keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@-ms-keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@-o-keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@keyframes rotateBottomSideOut{0%{opacity:1}40%{-webkit-transform:rotateX(-15deg);-moz-transform:rotateX(-15deg);-ms-transform:rotateX(-15deg);-o-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}}@-webkit-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-moz-transform:scale(1) translateZ(0) rotateX(-15deg);-ms-transform:scale(1) translateZ(0) rotateX(-15deg);-o-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg)}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);-moz-transform:scale(1) translateZ(0) rotateX(0deg);-ms-transform:scale(1) translateZ(0) rotateX(0deg);-o-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@-moz-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-moz-transform:scale(1) translateZ(0) rotateX(-15deg);-ms-transform:scale(1) translateZ(0) rotateX(-15deg);-o-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg)}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);-moz-transform:scale(1) translateZ(0) rotateX(0deg);-ms-transform:scale(1) translateZ(0) rotateX(0deg);-o-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@-ms-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-moz-transform:scale(1) translateZ(0) rotateX(-15deg);-ms-transform:scale(1) translateZ(0) rotateX(-15deg);-o-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg)}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);-moz-transform:scale(1) translateZ(0) rotateX(0deg);-ms-transform:scale(1) translateZ(0) rotateX(0deg);-o-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@-o-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-moz-transform:scale(1) translateZ(0) rotateX(-15deg);-ms-transform:scale(1) translateZ(0) rotateX(-15deg);-o-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg)}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);-moz-transform:scale(1) translateZ(0) rotateX(0deg);-ms-transform:scale(1) translateZ(0) rotateX(0deg);-o-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);-moz-transform:scale(0.8) translateZ(-200px);-ms-transform:scale(0.8) translateZ(-200px);-o-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px)}60%{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-moz-transform:scale(1) translateZ(0) rotateX(-15deg);-ms-transform:scale(1) translateZ(0) rotateX(-15deg);-o-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg)}100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);-moz-transform:scale(1) translateZ(0) rotateX(0deg);-ms-transform:scale(1) translateZ(0) rotateX(0deg);-o-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg)}}@-webkit-keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutToBottom{from{opacity:1}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}} diff --git a/assets/js/nodeppt.js b/assets/js/nodeppt.js index 45fd9b2a1..905363128 100755 --- a/assets/js/nodeppt.js +++ b/assets/js/nodeppt.js @@ -168,17 +168,17 @@ return false; } $curSlide = $slides[curIndex]; - var builded = toArray($('.building'), $curSlide); + var subBuilded = toArray($('.building'), $curSlide); var list; - if (builded.length) { + if (subBuilded.length) { - while (list = builded.shift()) { + while (list = subBuilded.shift()) { list = list.classList list.remove('building'); - list.add('build-fade'); + list.add('builded'); } } - var toBuild = $('.to-build', $curSlide); + var toBuild = $('.tobuild', $curSlide); if (!toBuild.length) { return false; @@ -192,12 +192,12 @@ }) list = item.classList; - $B.fire('slide.update', curIndex | 0, item.dataset.index | 0 + 1); - list.remove('to-build'); + $B.fire('slide.update', curIndex | 0, (item.dataset.index | 0) + 1, 'next'); + list.remove('tobuild'); if (list.contains('subSlide')) { - toArray($('.subSlide.build-fade', $curSlide)).forEach(function($item) { - $item.classList.add('builded'); + toArray($('.subSlide.builded', $curSlide)).forEach(function($item) { + $item.classList.add('subBuilded'); }); } @@ -211,36 +211,38 @@ return false; } $curSlide = $slides[curIndex]; - var builded = toArray($('.building'), $curSlide); + var subBuilded = toArray($('.building'), $curSlide); var list; - if (builded.length) { - while (list = builded.shift()) { + if (subBuilded.length) { + while (list = subBuilded.shift()) { var clist = list.classList clist.remove('building'); - clist.add('to-build'); + clist.add('tobuild'); if (clist.contains('subSlide')) { - var $item = toArray($('.subSlide.build-fade.builded', $curSlide)).pop(); - $item && $item.classList.remove('builded'); + var $item = toArray($('.subSlide.builded.subBuilded', $curSlide)).pop(); + $item && $item.classList.remove('subBuilded'); } } } - var toBuild = toArray($('.build-fade', $curSlide)); + var builded = toArray($('.builded', $curSlide)); - if (!toBuild.length) { + if (!builded.length) { return false; } - var item = toBuild.pop(); + var building = toArray($('.building', $curSlide)); + + + var item = builded.pop(); $B.fire('slide do build', { slideID: curIndex, direction: 'prev', build: item.dataset.index }); list = item.classList; - $B.fire('slide.update', curIndex | 0, item.dataset.index | 0 + 1); - list.remove('build-fade'); - + $B.fire('slide.update', curIndex | 0, (item.dataset.index | 0) + 2, 'prev'); + list.remove('builded'); list.add('building'); return true; } @@ -256,7 +258,7 @@ var $items = toArray($(buildClass, slide)); var dataset = slide.dataset; $items.forEach(function($v, i) { - $v.classList.add('to-build'); + $v.classList.add('tobuild'); $v.dataset.index = i; }); diff --git a/assets/scss/_animation.scss b/assets/scss/_animation.scss index 8be6165ca..190ede558 100644 --- a/assets/scss/_animation.scss +++ b/assets/scss/_animation.scss @@ -1,36 +1,28 @@ /**翻页效果**/ @mixin ani-delay100 { - -webkit-animation-delay: .1s; - animation-delay: .1s; + @include prefixed(animation-delay, .1s); } @mixin ani-delay180 { - -webkit-animation-delay: .180s; - animation-delay: .180s; + @include prefixed(animation-delay, .18s); } @mixin ani-delay200 { - -webkit-animation-delay: .2s; - animation-delay: .2s; + @include prefixed(animation-delay, .2s); } @mixin ani-delay300 { - -webkit-animation-delay: .3s; - animation-delay: .3s; + @include prefixed(animation-delay, .3s); } @mixin ani-delay400 { - -webkit-animation-delay: .4s; - animation-delay: .4s; + @include prefixed(animation-delay, .4s); } @mixin ani-delay500 { - -webkit-animation-delay: .5s; - animation-delay: .5s; + @include prefixed(animation-delay, .5s); } @mixin ani-delay700 { - -webkit-animation-delay: .7s; - animation-delay: .7s; + @include prefixed(animation-delay, .7s); } @mixin ani-delay1000 { - -webkit-animation-delay: 1s; - animation-delay: 1s; + @include prefixed(animation-delay, 1s); } /**zoomout***/ @@ -52,17 +44,17 @@ slide[data-transition="horizontal"].past { @include transform(rotate(-30deg)); } slide[data-transition="horizontal"].next { - left: $slide-width/2; + left: $slide-width/2; } slide[data-transition="horizontal"].past { - left: -$slide-width/2; + left: -$slide-width/2; } slides.layout-widescreen{ > slide[data-transition="horizontal"].next { - left: $slide-width-widescreen/2; + left: $slide-width-widescreen/2; } > slide[data-transition="horizontal"].past { - left: -$slide-width-widescreen/2; + left: -$slide-width-widescreen/2; } } @@ -113,40 +105,32 @@ slide[data-transition="cards"].past { // glue slide.pagedown[data-transition="glue"].current{ - -webkit-animation: moveFromRight .6s ease both; - animation: moveFromRight .6s ease both; + @include prefixed(animation, moveFromRight .6s ease both); @include ani-delay300(); z-index: 999; } slide.pagedown[data-transition="glue"].next { - -webkit-transform-origin: 0% 50%; - transform-origin: 0% 50%; - -webkit-animation: rotateRightSideFirst .8s both ease-in; - animation: rotateRightSideFirst .8s both ease-in; + @include prefixed(transform-origin,0 50%); + @include prefixed(animation, rotateRightSideFirst .8s both ease-in); opacity: 1; } slide.pagedown[data-transition="glue"].past { - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; + @include prefixed(transform-origin, 100% 50%); } //glue slide.pageup[data-transition="glue"].current{ - -webkit-animation: moveFromLeft .6s ease both; - animation: moveFromLeft .6s ease both; + @include prefixed(animation,moveFromLeft .6s ease both); @include ani-delay300(); z-index: 999; } slide.pageup[data-transition="glue"].next { - -webkit-transform-origin: 0% 50%; - transform-origin: 0% 50%; + @include prefixed(transform-origin,0 50%); } slide.pageup[data-transition="glue"].past { - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; - -webkit-animation: rotateLeftSideFirst .8s both ease-in; - animation: rotateLeftSideFirst .8s both ease-in; + @include prefixed(transform-origin,100% 50%); + @include prefixed(animation,rotateLeftSideFirst .8s both ease-in); opacity: 1; } @@ -156,24 +140,20 @@ slide.pagedown[data-transition="kontext"]{ } slide.pagedown[data-transition="kontext"].current{ @include transform(translateZ( 0 )); - -webkit-animation: show-right 1s forwards ease; - animation: show-right 1s forwards ease; + @include prefixed(animation,show-right 1s forwards ease); z-index: 999; } slide.pagedown[data-transition="kontext"].past { - -webkit-animation: hide-right 1s forwards ease; - animation: hide-right 1s forwards ease; + @include prefixed(animation, hide-right 1s forwards ease); opacity: 1; z-index: 99; } slide.pageup[data-transition="kontext"].current{ - -webkit-animation: show-left 1s forwards ease; - animation: show-left 1s forwards ease; + @include prefixed(animation, show-left 1s forwards ease); @include transform(translateZ( 0 )); } slide.pageup[data-transition="kontext"].next { - -webkit-animation: hide-left 1s forwards ease; - animation: hide-left 1s forwards ease; + @include prefixed(animation, hide-left 1s forwards ease); opacity: 1; z-index: 99; } @@ -183,18 +163,14 @@ slide.pageup[data-transition="kontext"].next { slide[data-transition="newspaper"]{ } slide[data-transition="newspaper"].current{ - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-animation: rotateInNewspaper .5s both ease-out; - animation: rotateInNewspaper .5s both ease-out; + @include prefixed(transform-origin, 50% 50%); + @include prefixed(animation, rotateInNewspaper 0.5s both ease-out); @include ani-delay500(); z-index: 999; } slide[data-transition="newspaper"].past { - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-animation: rotateOutNewspaper .5s both ease-in; - animation: rotateOutNewspaper .5s both ease-in; + @include prefixed(transform-origin, 50% 50%); + @include prefixed(animation, rotateOutNewspaper 0.5s both ease-out); opacity: 1; z-index: 99; } @@ -208,24 +184,20 @@ slide.pagedown[data-transition="move"]{ z-index: 99; } slide.pagedown[data-transition="move"].current{ - -webkit-animation: moveFromRight .6s ease both; - animation: moveFromRight .6s ease both; + @include prefixed(animation, moveFromRight .6s ease both); z-index: 999; } slide.pagedown[data-transition="move"].past { - -webkit-animation: moveToLeft .7s ease-in-out both; - animation: moveToLeft .7s ease-in-out both; + @include prefixed(animation, moveToLeft .7s ease-in-out both); opacity: 1; z-index: 999; } slide.pageup[data-transition="move"].current{ - -webkit-animation: moveFromLeft .6s ease both; - animation: moveFromLeft .6s ease both; + @include prefixed(animation, moveFromLeft .6s ease both); z-index: 999; } slide.pageup[data-transition="move"].next { - -webkit-animation: moveToRight .7s ease-in-out both; - animation: moveToRight .7s ease-in-out both; + @include prefixed(animation, moveToRight .7s ease-in-out both); opacity: 1; z-index: 99; } @@ -233,81 +205,65 @@ slide.pageup[data-transition="move"].next { //stick slide.pagedown[data-transition="stick"], slide.pageup[data-transition="stick"]{ - -webkit-perspective: 1600px; - perspective: 1600px; + @include prefixed(perspective, 1600px); opacity: 0; z-index: 999; } slide.pagedown[data-transition="stick"].current{ z-index: 1001; opacity: 1; - -webkit-animation: slideInFromBottomDelayed 0.8s forwards; - animation: slideInFromBottomDelayed 0.8s forwards; + @include prefixed(animation, slideInFromBottomDelayed 0.8s forwards); } slide.pagedown[data-transition="stick"].past { opacity: 0; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; - -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in; - animation: rotateBottomSideOut 0.8s forwards ease-in; + @include prefixed(transform-origin, 50% 0); + @include prefixed(animation, rotateBottomSideOut 0.8s forwards ease-in); } slide.pageup[data-transition="stick"].current{ opacity: 1; - -webkit-transform-origin: 50% 0%; - transform-origin: 50% 0%; - -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; - animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; + @include prefixed(transform-origin, 50% 0); + @include prefixed(animation, rotateBottomSideIn 0.8s 0.1s forwards ease-in); } slide.pageup[data-transition="stick"].next { opacity: 1; - -webkit-animation: slideOutToBottom 0.8s forwards; - animation: slideOutToBottom 0.8s forwards; + @include prefixed(animation, slideOutToBottom 0.8s forwards); } //vkontext slide[data-transition="vkontext"]{ - -webkit-perspective: 1000px; - perspective: 1000px; + @include prefixed(perspective, 1000px); } slide.pagedown[data-transition="vkontext"].current{ - -webkit-animation: showRight 1s forwards; - animation: showRight 1s forwards; + @include prefixed(animation, showRight 1s forwards); } slide.pagedown[data-transition="vkontext"].past { - -webkit-animation: hideLeft 1s forwards; - animation: hideLeft 1s forwards; + @include prefixed(animation, hideLeft 1s forwards); } slide.pageup[data-transition="vkontext"].current{ - -webkit-animation: showLeft 1s forwards; - animation: showLeft 1s forwards; + @include prefixed(animation, showLeft 1s forwards); } slide.pageup[data-transition="vkontext"].next { - -webkit-animation: hideRight 1s forwards; - animation: hideRight 1s forwards; + @include prefixed(animation, hideRight 1s forwards); } //earthquake slide.pagedown[data-transition="earthquake"].current{ - -webkit-animation: pushFromTop 1s 0.1s forwards; - animation: pushFromTop 1s 0.1s forwards; + @include prefixed(animation, pushFromTop 1s 0.1s forwards); opacity: 1; } slide.pagedown[data-transition="earthquake"].past { opacity: 1; - -webkit-animation: shakeSlideBottom 1s 0.1s forwards; - animation: shakeSlideBottom 1s 0.1s forwards; + @include prefixed(animation, shakeSlideBottom 1s 0.1s forwards); } slide.pageup[data-transition="earthquake"].current{ opacity: 1; - -webkit-animation: pushFromBottom 1s 0.1s forwards; - animation: pushFromBottom 1s 0.1s forwards; + @include prefixed(animation, pushFromBottom 1s 0.1s forwards); } slide.pageup[data-transition="earthquake"].next { opacity: 1; - -webkit-animation: shakeSlideTop 1s 0.1s forwards; - animation: shakeSlideTop 1s 0.1s forwards; + @include prefixed(animation, shakeSlideTop 1s 0.1s forwards); } slide[data-transition="earthquake"]::after { content: ''; @@ -342,29 +298,25 @@ slide.pageup[data-transition="circle"]{ opacity: 0; pointer-events: none; background-color: rgba(0,0,0,1); - transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(transition, opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1)); } } slide.pagedown[data-transition="circle"].current{ opacity: 1; - -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pagedown[data-transition="circle"].past { opacity: 1; - -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pageup[data-transition="circle"].current{ opacity: 1; - -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pageup[data-transition="circle"].next { opacity: 1; - -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide[data-transition="circle"].next::after, @@ -379,53 +331,44 @@ slide.pageup[data-transition="pulse"]{ } slide.pagedown[data-transition="pulse"].past, slide.pageup[data-transition="pulse"].next { - -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in; - animation: scaleUpFadeOut 0.8s forwards ease-in; + @include prefixed(animation, scaleUpFadeOut 0.8s forwards ease-in); } slide.pageup[data-transition="pulse"].current, slide.pagedown[data-transition="pulse"].current { - -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out; - animation: scaleDownFadeIn 0.8s forwards ease-out; + @include prefixed(animation, scaleDownFadeIn 0.8s forwards ease-out); } //slide slide.pagedown[data-transition="slide"].past { - -webkit-animation: rotateSlideOutToLeft 1s both ease; - animation: rotateSlideOutToLeft 1s both ease; + @include prefixed(animation, rotateSlideOutToLeft 1s both ease); } slide.pagedown[data-transition="slide"].current { - -webkit-animation: rotateSlideInFromRight 1s both ease; - animation: rotateSlideInFromRight 1s both ease; + @include prefixed(animation, rotateSlideInFromRight 1s both ease); } slide.pageup[data-transition="slide"].current{ - -webkit-animation: rotateSlideInFromLeft 1s both ease; - animation: rotateSlideInFromLeft 1s both ease; + @include prefixed(animation, rotateSlideInFromLeft 1s both ease); } slide.pageup[data-transition="slide"].next { - -webkit-animation: rotateSlideOutToRight 1s both ease; - animation: rotateSlideOutToRight 1s both ease; + @include prefixed(animation, rotateSlideOutToRight 1s both ease); } //slide2 slide.pagedown[data-transition="slide2"].past { - -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pagedown[data-transition="slide2"].current { opacity: 1; - -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pageup[data-transition="slide2"].next { - -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); - animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); + @include prefixed(animation, slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)); } slide.pageup[data-transition="slide2"].current{ @@ -438,53 +381,37 @@ slide.pageup[data-transition="slide2"].current{ //slide3 slide.pagedown[data-transition="slide3"].past { - -webkit-animation: slideOutScaleLeft 1.2s forwards; - animation: slideOutScaleLeft 1.2s forwards; - -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); - /* older webkit */ - -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); - animation-timing-function: cubic-bezier(1, -0.2, 0, 1); + @include prefixed(animation, slideOutScaleLeft 1.2s forwards); + @include prefixed(animation-timing-function, cubic-bezier(1, 0, 0, 1)); } slide.pagedown[data-transition="slide3"].current { opacity: 1; - -webkit-animation: slideInFromRight 1.2s forwards; - animation: slideInFromRight 1.2s forwards; - -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); - /* older webkit */ - -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); - animation-timing-function: cubic-bezier(1, -0.2, 0, 1); + @include prefixed(animation, slideInFromRight 1.2s forwards); + @include prefixed(animation-timing-function, cubic-bezier(1, 0, 0, 1)); } slide.pageup[data-transition="slide3"].current{ opacity: 1; - -webkit-animation: slideInFromLeft 1.2s forwards; - animation: slideInFromLeft 1.2s forwards; - -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); - /* older webkit */ - -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); - animation-timing-function: cubic-bezier(1, -0.2, 0, 1); + @include prefixed(animation, slideInFromLeft 1.2s forwards); + @include prefixed(animation-timing-function, cubic-bezier(1, 0, 0, 1)); } slide.pageup[data-transition="slide3"].next { opacity: 1; - -webkit-animation: slideOutScaleRight 1.2s forwards; - animation: slideOutScaleRight 1.2s forwards; - -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); - /* older webkit */ - -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); - animation-timing-function: cubic-bezier(1, -0.2, 0, 1); + @include prefixed(animation, slideOutScaleRight 1.2s forwards); + @include prefixed(animation-timing-function, cubic-bezier(1, 0, 0, 1)); } slide[data-transition="cover-diamond"]{ @include transition(opacity 0s, -webkit-clip-path 1s); opacity: 0; - -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); + @include prefixed(clip-path, polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)); } slide[data-transition="cover-diamond"].current{ opacity: 1; - -webkit-clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%); + @include prefixed(clip-path, polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%)); } slide[data-transition="cover-diamond"].next { } @@ -497,13 +424,11 @@ slide[data-transition="cover-diamond"].past { slide[data-transition="cover-circle"]{ @include transition(opacity 0s, -webkit-clip-path 1s); opacity: 0; - -webkit-clip-path: circle(5%, 50%, 50%); - -webkit-clip-path: circle(5% at 50% 50%); + @include prefixed(clip-path,circle(5%, 50%, 50%)); } slide[data-transition="cover-circle"].current{ opacity: 1; - -webkit-clip-path: circle(80%, 50%, 50%); - -webkit-clip-path: circle(80% at 50% 50%); + @include prefixed(clip-path,circle(80%, 50%, 50%)); } slide[data-transition="cover-circle"].past { @include transition(all 0s cubic-bezier(.11,.75,.58,.97)); diff --git a/assets/scss/_build.scss b/assets/scss/_build.scss index 168b50910..d18b1f6bb 100644 --- a/assets/scss/_build.scss +++ b/assets/scss/_build.scss @@ -1,30 +1,29 @@ /* Builds */ -.slide .subSlide{ - &.to-build{ +.slide .subSlide { + &.tobuild { visibility: hidden; - display: block; } - &.build-fade.builded{ + &.builded.subBuilded { display: none; } } -.subSlide{ +.subSlide { display: none; opacity: 0; visibility: hidden; - &.building{ + &.building { opacity: 1; display: block; visibility: visible; @include transition(opacity 0.3s ease); } - &.build-fade{ + &.builded { opacity: 1; display: block; visibility: visible; } - &.builded{ + &.subBuilded { display: none; opacity: 0; visibility: hidden; @@ -35,30 +34,31 @@ @include display-flex; @include justify-content(center); @include align-content(center); - > *{ + + > * { opacity: 0; @include transition(opacity 0.5s ease-in-out 0.2s); } - > .to-build:first-child{ + > .tobuild:first-child { @include display-flex; // opacity: 1; visibility: hidden; } - > .build-fade{ + > .builded { opacity: 0; display: none; visibility: hidden; } - > .build-fade:last-child{ + > .builded:last-child { opacity: 1; @include display-flex; visibility: visible; } - > .building{ + > .building { @include display-flex; opacity: 1; } - .to-build{ + .tobuild { opacity: 0; display: none; } @@ -67,18 +67,18 @@ > * { @include transition(opacity 0.5s ease-in-out 0.2s); } - .to-build { + .tobuild { opacity: 0; } } -.bounceIn,.zoomIn { +.bounceIn, .zoomIn { > * { opacity: 1; } - .to-build { + .tobuild { opacity: 0; } - .building{ + .building { opacity: 1; -webkit-animation-duration: .75s; animation-duration: .75s; @@ -86,52 +86,47 @@ animation-fill-mode: both; } } -.bounceIn{ - .building{ +.bounceIn { + .building { -webkit-animation-name: bounceIn; animation-name: bounceIn; } } - -.zoomIn{ - .building{ +.zoomIn { + .building { -webkit-animation-name: zoomIn; animation-name: zoomIn; } } -.moveIn{ +.moveIn { > * { @include transition(all 0.5s ease-in-out 0.2s); } - .to-build{ + .tobuild { opacity: 0; @include transform(translate3d(60px, 0, 0)); } } - -.rollIn{ - > *{ +.rollIn { + > * { @include transition(all 0.4s ease); } - .building{ + .building { opacity: 1; visibility: visible; - @include transform(rotateX(0)); } - .to-build{ - opacity:0; + .tobuild { + opacity: 0; visibility: hidden; @include transform(rotateX(90deg)); } } - .popup .next .build { - .to-build { + .tobuild { opacity: 1 !important; } - - .build-fade { + .builded { opacity: 1 !important; } } diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss new file mode 100644 index 000000000..f60f0895b --- /dev/null +++ b/assets/scss/_buttons.scss @@ -0,0 +1,81 @@ +@import "compass/css3/border-radius"; +button{ + border:0 none; +} +@mixin botton-variant($class-name, $color, $background, $border) { + .#{$class-name}{ + color: $color; + background-color: $background; + border-color: $border; + } + .#{$class-name}:hover, + .#{$class-name}:focus, + .#{$class-name}:active, + .#{$class-name}.active, + .#{$class-name}.disabled, + .#{$class-name}[disabled] { + background-color: darken($background, 5%); + border-color: darken($border, 10%); + } + + .#{$class-name}.btn-outline { + background-color: transparent; + color: $background; + background-color: $background; + color: $color; + } +} +.btn { + outline: 0; + @include prefixed(transition,all 0.3s linear); + @include border-radius($border-radius-base); + padding: 9px 12px; + font-size: 13px; + -webkit-font-smoothing: antialiased; + line-height: 14px; + &:focus, + &:active, + &.active, + &:active:focus, + &.active:focus { + outline: 0; + } +} + +.btn:active, +.btn.active { + @include box-shadow(inset 0 3px 8px rgba(0,0,0,.1)); +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 15px 16px; + @include border-radius($border-radius-large); +} +.btn-sm, +.btn-group-sm>.btn { + padding: 7px 10px; +} +.btn-xs, +.btn-group-xs>.btn { + padding: 3px 5px; + font-size: 10px; +} + +.btn-rounded, +.btn-rounded a, +.btn-rounded .btn{ + @include border-radius(40px); +} + +.btn-default { + @include botton-variant(btn-default, $btn-default-color, $btn-default-bg, $btn-default-border); + &.btn-outline { + color: $btn-default-color; + } +} +@include botton-variant(btn-primary,$btn-primary-color, $btn-primary-bg, $btn-primary-border); +@include botton-variant(btn-warning, $btn-warning-color, $btn-warning-bg, $btn-warning-border); +@include botton-variant(btn-success, $btn-success-color, $btn-success-bg, $btn-success-border); +@include botton-variant(btn-info, $btn-info-color, $btn-info-bg, $btn-info-border); +@include botton-variant(btn-danger, $brand-white, $brand-danger, $brand-danger); diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss index 396d99c3e..21e2f31ca 100644 --- a/assets/scss/_common.scss +++ b/assets/scss/_common.scss @@ -1,66 +1,117 @@ +@import "vars"; +@import "mixins"; :disabled { color: $gray-2; } - .blue { - color: $brand-blue; + color: $brand-blue !important; } -.blue2,.blue-2 { - color: $brand-blue-secondary; +.blue2, .blue-2 { + color: $brand-blue-secondary !important; } -.blue3,.blue-3 { - color: $brand-blue-secondary2; +.blue3, .blue-3 { + color: $brand-blue-secondary2 !important; } .yellow { color: $brand-yellow; } -.yellow2,.yellow-2 { - color: $brand-yellow-secondary; +.yellow2, .yellow-2 { + color: $brand-yellow-secondary !important; } -.yellow3,.yellow-3 { - color: $brand-yellow-secondary2; +.yellow3, .yellow-3 { + color: $brand-yellow-secondary2 !important; } .green { - color: $brand-green; + color: $brand-green !important; } -.green2,.green-2 { - color: $brand-green-secondary; +.green2, .green-2 { + color: $brand-green-secondary !important; } -.green3,.green-3 { - color: $brand-green-secondary2; +.green3, .green-3 { + color: $brand-green-secondary2 !important; } .red { color: $brand-red; } -.red2,.red-2 { - color: $brand-red-secondary; +.red2, .red-2 { + color: $brand-red-secondary !important; } -.red3,.red-3 { - color: $brand-red-secondary2; +.red3, .red-3 { + color: $brand-red-secondary2 !important; } .gray { - color: $gray-1; + color: $gray-1 !important; } -.gray2,.gray-2 { - color: $gray-2; +.gray2, .gray-2 { + color: $gray-2 !important; } -.gray3,.gray-3 { - color: $gray-3; +.gray3, .gray-3 { + color: $gray-3 !important; } -.gray4,.gray-4 { - color: $gray-4; +.gray4, .gray-4 { + color: $gray-4 !important; } - .white { color: white !important; } .black { color: black !important; } - -.columns-2,.columns2 { +.columns-2, .columns2 { @include column-count(2); } -.columns-3,.columns3 { +.columns-3, .columns3 { @include column-count(3); } + +//lable +.label { + line-height: inherit; + font-weight: 400 +} +.label-default { + @include label-variant($label-default-bg); + color: black; + border: 1px solid $border-color; +} +.label-primary { + @include label-variant($label-primary-bg); + color: #fff; +} +.label-success { + @include label-variant($label-success-bg); +} +.label-info { + @include label-variant($label-info-bg); +} +.label-warning { + @include label-variant($label-warning-bg); +} +.label-danger { + @include label-variant($label-danger-bg); +} +//text +.text-default{ + color: $brand-default !important; +} +.text-primary{ + color: $brand-primary !important; +} +.text-success{ + color: $brand-success !important; +} +.text-warning{ + color: $brand-warning !important; +} +.text-danger{ + color: $brand-danger !important; +} +.text-info{ + color: $brand-info !important; +} +.text-white{ + color: $brand-white !important; +} +.text-dark{ + color: $brand-dark !important; +} diff --git a/assets/scss/_keyframes.scss b/assets/scss/_keyframes.scss index a042928ac..225fa9042 100644 --- a/assets/scss/_keyframes.scss +++ b/assets/scss/_keyframes.scss @@ -1,2224 +1,1274 @@ -@-webkit-keyframes slideOutScaleRight { +@include keyframes(slideOutScaleRight) { from { opacity: 1; } to { - -webkit-transform: translateX(100%) scale(0.9); + @include prefixed(transform, translateX(100%) scale(0.9)); opacity: 0; } } - -@keyframes slideOutScaleRight { - from { - opacity: 1; - } - to { - -webkit-transform: translateX(100%) scale(0.9); - transform: translateX(100%) scale(0.9); - opacity: 0; - } -} -@-webkit-keyframes slideInFromLeft { - from { - -webkit-transform: translateX(-100%); - } - - to { - -webkit-transform: translateX(0); - } -} - -@keyframes slideInFromLeft { - from { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } - - to { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@-webkit-keyframes slideOutScaleLeft { +@include keyframes(slideInFromLeft) { from { - opacity: 1; + @include prefixed(transform, translateX(-100%)); } to { - -webkit-transform: translateX(-100%) scale(0.9); - opacity: 0; + @include prefixed(transform, translateX(0)); } } - -@keyframes slideOutScaleLeft { +@include keyframes(slideOutScaleLeft) { from { opacity: 1; } to { - -webkit-transform: translateX(-100%) scale(0.9); - transform: translateX(-100%) scale(0.9); + @include prefixed(transform, translateX(-100%) scale(0.9)); opacity: 0; } } - -@-webkit-keyframes slideInFromRight { - from { - -webkit-transform: translateX(100%); - } - - to { - -webkit-transform: translateX(0); - } -} - -@keyframes slideInFromRight { +@include keyframes(slideInFromRight) { from { - -webkit-transform: translateX(100%); - transform: translateX(100%); + @include prefixed(transform, translateX(100%)); } - to { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes scaleUpFadeOut { - from { - opacity: 1; - } - 50% { - -webkit-transform: scale(1.2); - opacity: .5; - } - 75% { - -webkit-transform: scale(1.1); - opacity: 0; - } - 100% { - -webkit-transform: scale(1); - opacity: 0; + @include prefixed(transform, translateX(0)); } } - -@keyframes scaleUpFadeOut { +@include keyframes(scaleUpFadeOut) { from { opacity: 1; } 50% { - -webkit-transform: scale(1.2); - transform: scale(1.2); + @include prefixed(transform, scale(1.2)); opacity: .5; } - 75% { - -webkit-transform: scale(1.1); - transform: scale(1.1); + @include prefixed(transform, scale(1.1)); opacity: 0; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 0; - } -} - -@-webkit-keyframes scaleDownFadeIn { - from { + @include prefixed(transform, scale(1)); opacity: 0; } - 50% { - opacity: 0.5; - -webkit-transform: scale(1.2); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - } } - -@keyframes scaleDownFadeIn { +@include keyframes(scaleDownFadeIn) { from { opacity: 0; } 50% { opacity: 0.5; - -webkit-transform: scale(1.2); - transform: scale(1.2); + @include prefixed(transform, scale(1.2)); } - 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + @include prefixed(transform, scale(1)); } } - -@-webkit-keyframes rotateOutCircLeft { - from { - } - to { - -webkit-transform: rotate(-20deg) translateX(-100%); - } -} - -@keyframes rotateOutCircLeft { - from { - } - to { - -webkit-transform: rotate(-20deg) translateX(-100%); - transform: rotate(-20deg) translateX(-100%); - } -} - -@-webkit-keyframes rotateInCircRight { - from { - -webkit-transform: rotate(20deg) translateX(100%); - } - - to { - -webkit-transform: rotate(0deg) translateX(0); - } -} - -@keyframes rotateInCircRight { - from { - -webkit-transform: rotate(20deg) translateX(100%); - transform: rotate(20deg) translateX(100%); - } - - to { - -webkit-transform: rotate(0deg) translateX(0); - transform: rotate(0deg) translateX(0); - } -} - -@-webkit-keyframes rotateOutCircRight { +@include keyframes(rotateOutCircLeft) { from { } to { - -webkit-transform: rotate(20deg) translateX(100%); + @include prefixed(transform, rotate(-20deg) translateX(-100%)); } } - -@keyframes rotateOutCircRight { +@include keyframes(rotateInCircRight) { from { + @include prefixed(transform, rotate(20deg) translateX(100%)); } to { - -webkit-transform: rotate(20deg) translateX(100%); - transform: rotate(20deg) translateX(100%); + @include prefixed(transform, rotate(0deg) translateX(0)); } } - -@-webkit-keyframes rotateInCircLeft { +@include keyframes(rotateOutCircRight) { from { - -webkit-transform: rotate(-20deg) translateX(-100%); } - to { - -webkit-transform: rotate(0deg) translateX(0); + @include prefixed(transform, rotate(20deg) translateX(100%)); } } - -@keyframes rotateInCircLeft { +@include keyframes(rotateInCircLeft) { from { - -webkit-transform: rotate(-20deg) translateX(-100%); - transform: rotate(-20deg) translateX(-100%); + @include prefixed(transform, rotate(-20deg) translateX(-100%)); } - to { - -webkit-transform: rotate(0deg) translateX(0); - transform: rotate(0deg) translateX(0); + @include prefixed(transform, rotate(0deg) translateX(0)); } } -@-webkit-keyframes shakeSlideBottom { +@include keyframes(shakeSlideBottom) { 0% { - -webkit-transform: translate(0px, 0px) rotate(0deg); + @include prefixed(transform, translate(0px, 0px) rotate(0deg)); } - 2% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 4% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 6% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 8% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 10% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 12% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 14% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 16% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 18% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 20% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 22% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 24% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 26% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 28% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 30% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 32% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 34% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 36% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 38% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 40% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 42% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 44% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 46% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 48% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 50% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 52% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 54% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 56% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 58% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 60% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 62% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 64% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 66% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 68% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 70% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 100% { - -webkit-transform: translateY(100%); + @include prefixed(transform, translateY(100%)); } } - -@keyframes shakeSlideBottom { - +@include keyframes(pushFromTop) { + 0%, 70% { + opacity: 0; + @include prefixed(transform, translateY(-100%)); + } + 100% { + opacity: 1; + @include prefixed(transform, translateY(0)); + } +} +@include keyframes(shakeSlideTop) { 0% { - -webkit-transform: translate(0px, 0px) rotate(0deg); - transform: translate(0px, 0px) rotate(0deg); + @include prefixed(transform, translate(0px, 0px) rotate(0deg)); } - 2% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 4% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 6% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 8% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 10% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 12% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 14% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 16% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 18% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 20% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 22% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 24% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 26% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 28% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 30% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 32% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 34% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 36% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 38% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 40% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 42% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 44% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 46% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 48% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 50% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 52% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 54% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 56% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 58% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 60% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 62% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 64% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, -1px) rotate(-0.5deg)); } - 66% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, -1px) rotate(-0.5deg)); } - 68% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-1px, 0px) rotate(-0.5deg)); } - 70% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(0px, 0px) rotate(-0.5deg)); } - 100% { - -webkit-transform: translateY(100%); - transform: translateY(100%); + @include prefixed(transform, translateY(-100%)); } } - -@-webkit-keyframes pushFromTop { +@include keyframes(pushFromBottom) { 0%, 70% { opacity: 0; - -webkit-transform: translateY(-100%); + @include prefixed(transition-timing-function, translateY(100%)); } - 100% { opacity: 1; - -webkit-transform: translateY(0); + @include prefixed(transition-timing-function, translateY(0)); } } - -@keyframes pushFromTop { - 0%, 70% { - opacity: 0; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); +@include keyframes(hideLeft) { + 0% { + @include prefixed(transition-timing-function, translateZ(0px)); + } + 40% { + @include prefixed(transition-timing-function, translate(0, -40%) scale(0.8)); + z-index: 9999; } - 100% { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + @include prefixed(transition-timing-function, translateZ(-400px)); } } - -@-webkit-keyframes shakeSlideTop { - +@include keyframes(showRight) { 0% { - -webkit-transform: translate(0px, 0px) rotate(0deg); + @include prefixed(transition-timing-function, translateZ(-400px)); + opacity: 1; } - - 2% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + 40% { + @include prefixed(transition-timing-function, translate(0, 40%) scale(0.8)); + opacity: 1; } - - 4% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + 41% { + @include prefixed(transition-timing-function, translate(0, 40%) scale(0.8)); + opacity: 1; + z-index: 9999; } - - 6% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + 100% { + @include prefixed(transition-timing-function, translateZ(0px)); + opacity: 1; + z-index: 9999; } - - 8% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(hideRight) { + 0% { + @include prefixed(transition-timing-function, translateZ(0px)); } - - 10% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); + 40% { + @include prefixed(transition-timing-function, translate(0, 40%) scale(0.8)); + z-index: 9999; } - - 12% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + 100% { + opacity: 1; + @include prefixed(transition-timing-function, translateZ(-400px)); } - - 14% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(showLeft) { + 0% { + @include prefixed(transition-timing-function, translateZ(-400px)); + opacity: 1; } - - 16% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + 40% { + @include prefixed(transition-timing-function, translate(0, -40%) scale(0.8)); + opacity: 1; } - - 18% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + 41% { + @include prefixed(transform, translate(0, -40%) scale(0.8) rotateX(-20deg)); + opacity: 1; + z-index: 9999; } - - 20% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + 100% { + @include prefixed(transform, translateZ(0px)); + opacity: 1; + z-index: 9999; } - - 22% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); +} +@include keyframes(show-right) { + 0% { + @include prefixed(transform, translateZ(-200px)) } - - 24% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); + 40% { + @include prefixed(transform, translate(40%, 0) scale(0.8) rotateY(-20deg)) } - - 26% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + 100% { + @include prefixed(transform, translateZ(0px)) } - - 28% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); +} +@include keyframes(hide-right) { + 0% { + @include prefixed(transform, translateZ(0px)); + visibility: visible; } - - 30% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); + 40% { + @include prefixed(transform, translate(-40%, 0) scale(0.8) rotateY(20deg)); } - - 32% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - } - - 34% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - } - - 36% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + 100% { + @include prefixed(transform, translateZ(-200px)); + visibility: hidden; } - - 38% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(show-left) { + 0% { + @include prefixed(transform, translateZ(-200px)); } - 40% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - } - - 42% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - } - - 44% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - } - - 46% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - } - - 48% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - } - - 50% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - } - - 52% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - } - - 54% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - } - - 56% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - } - - 58% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - } - - 60% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - } - - 62% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - } - - 64% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - } - - 66% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - } - - 68% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - } - - 70% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); + @include prefixed(transform, translate(-40%, 0) scale(0.8) rotateY(20deg)); } - 100% { - -webkit-transform: translateY(-100%); + @include prefixed(transform, translateZ(0px)); } } - -@keyframes shakeSlideTop { - +@include keyframes(hide-left) { 0% { - -webkit-transform: translate(0px, 0px) rotate(0deg); - transform: translate(0px, 0px) rotate(0deg); - } - - 2% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + @include prefixed(transform, translateZ(0px)); + visibility: visible; } - - 4% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + 40% { + @include prefixed(transform, translate(40%, 0) scale(0.8) rotateY(-20deg)); } - - 6% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + 100% { + @include prefixed(transform, translateZ(-200px)); + visibility: hidden; } +} - 8% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +/* move from / to */ +@include keyframes(moveToLeft) { + from { } - - 10% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + to { + @include prefixed(transform, translateX(-100%)); } - - 12% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +} +@include keyframes(moveFromLeft) { + from { + @include prefixed(transform, translateX(-100%)); } - - 14% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(moveToRight) { + from { } - - 16% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); + to { + @include prefixed(transform, translateX(100%)); } - - 18% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); +} +@include keyframes(moveFromRight) { + from { + @include prefixed(transform, translateX(100%)); } - - 20% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); +} +@include keyframes(moveToTop) { + from { } - - 22% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + to { + @include prefixed(transform, translateY(-100%)); } - - 24% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); +} +@include keyframes(moveFromTop) { + from { + @include prefixed(transform, translateY(-100%)); } - - 26% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +} +@include keyframes(moveToBottom) { + from { } - - 28% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); + to { + @include prefixed(transform, translateY(100%)); } - - 30% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); +} +@include keyframes(moveFromBottom) { + from { + @include prefixed(transform, translateY(100%)); } +} - 32% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); +/* fade */ +@include keyframes(fade) { + from { } - - 34% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + to { + opacity: 0.3; } +} - 36% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +/* move from / to and fade */ +@include keyframes(moveToLeftFade) { + from { } - - 38% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + to { + opacity: 0.3; + @include prefixed(transform, translateX(-100%)); } - - 40% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +} +@include keyframes(moveFromLeftFade) { + from { + opacity: 0.3; + @include prefixed(transform, translateX(-100%)); } - - 42% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); +} +@include keyframes(moveToRightFade) { + from { } - - 44% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + to { + opacity: 0.3; + @include prefixed(transform, translateX(100%)); } - - 46% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(moveFromRightFade) { + from { + opacity: 0.3; + @include prefixed(transform, translateX(100%)); } - - 48% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(moveToTopFade) { + from { } - - 50% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + to { + opacity: 0.3; + @include prefixed(transform, translateY(-100%)); } - - 52% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); +} +@include keyframes(moveFromTopFade) { + from { + opacity: 0.3; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); } - - 54% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); +} +@include keyframes(moveToBottomFade) { + from { } - - 56% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); + to { + opacity: 0.3; + @include prefixed(transform, translateY(100%)); } - - 58% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +} +@include keyframes(moveFromBottomFade) { + from { + opacity: 0.3; + @include prefixed(transform, translateY(100%)); } +} - 60% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); - } +/********************************* keyframes **************************************/ - 62% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +/* scale and fade */ +@include keyframes(scaleDown) { + from { } - - 64% { - -webkit-transform: translate(0px, -1px) rotate(-0.5deg); - transform: translate(0px, -1px) rotate(-0.5deg); + to { + opacity: 0; + @include prefixed(transform, scale(.8)); } - - 66% { - -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); - transform: translate(-1px, -1px) rotate(-0.5deg); +} +@include keyframes(scaleUp) { + from { + opacity: 0; + @include prefixed(transform, scale(.8)); } - - 68% { - -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); - transform: translate(-1px, 0px) rotate(-0.5deg); +} +@include keyframes(scaleUpDown) { + from { + opacity: 0; + @include prefixed(transform, scale(1.2)); } - - 70% { - -webkit-transform: translate(0px, 0px) rotate(-0.5deg); - transform: translate(0px, 0px) rotate(-0.5deg); +} +@include keyframes(scaleDownUp) { + from { } - - 100% { - -webkit-transform: translateY(-100%); - transform: translateY(-100%); + to { + opacity: 0; + @include prefixed(transform, scale(1.2)); } } - -@-webkit-keyframes pushFromBottom { - 0%, 70% { - opacity: 0; - -webkit-transform: translateY(100%); +@include keyframes(scaleDownCenter) { + from { } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); + to { + opacity: 0; + @include prefixed(transform, scale(.7)); } } - -@keyframes pushFromBottom { - 0%, 70% { +@include keyframes(scaleUpCenter) { + from { opacity: 0; - -webkit-transform: translateY(100%); - transform: translateY(100%); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + @include prefixed(transform, scale(.7)); } } -@-webkit-keyframes hideLeft { +/********************************* keyframes **************************************/ + +/* rotate sides first and scale */ +@include keyframes(rotateRightSideFirst) { 0% { - -webkit-transform: translateZ( 0px ); } 40% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - z-index: 9999; + @include prefixed(transform, rotateY(15deg)); + opacity: .8; + @include prefixed(animation-timing-function, ease-out); } 100% { - opacity: 1; - -webkit-transform: translateZ( -400px ); + @include prefixed(transform, scale(0.8) translateZ(-200px)); + opacity: 0; } } - -@keyframes hideLeft { +@include keyframes(rotateLeftSideFirst) { 0% { - -webkit-transform: translateZ( 0px ); - transform: translateZ( 0px ); } 40% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - z-index: 9999; + @include prefixed(transform, rotateY(-15deg)); + opacity: .8; + @include prefixed(animation-timing-function,ease-out); } 100% { - opacity: 1; - -webkit-transform: translateZ( -400px ); - transform: translateZ( -400px ); + @include prefixed(transform, scale(0.8) translateZ(-200px)); + opacity: 0; } } - -@-webkit-keyframes showRight { +@include keyframes(rotateTopSideFirst) { 0% { - -webkit-transform: translateZ( -400px ); - opacity: 1; } 40% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - opacity: 1; - } - 41% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - opacity: 1; - z-index: 9999; + @include prefixed(transform, rotateX(15deg)); + opacity: .8; + @include prefixed(animation-timing-function,ease-out); } 100% { - -webkit-transform: translateZ( 0px ); - opacity: 1; - z-index: 9999; + @include prefixed(transform, scale(0.8) translateZ(-200px)); + opacity: 0; } } - -@keyframes showRight { +@include keyframes(rotateBottomSideFirst) { 0% { - -webkit-transform: translateZ( -400px ); - transform: translateZ( -400px ); - opacity: 1; } 40% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - opacity: 1; - } - 41% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - opacity: 1; - z-index: 9999; + @include prefixed(transform, rotateX(-15deg)); + opacity: .8; + @include prefixed(animation-timing-function, ease-out); } 100% { - -webkit-transform: translateZ( 0px ); - transform: translateZ( 0px ); - opacity: 1; - z-index: 9999; + @include prefixed(transform, scale(0.8) translateZ(-200px)); + opacity: 0; } } -@-webkit-keyframes hideRight { - 0% { - -webkit-transform: translateZ( 0px ); +/* flip */ +@include keyframes(flipOutRight) { + from { } - 40% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - z-index: 9999; + to { + @include prefixed(transform, translateZ(-1000px) rotateY(90deg)); + opacity: 0.2; } - 100% { - opacity: 1; - -webkit-transform: translateZ( -400px ); +} +@include keyframes(flipInLeft) { + from { + @include prefixed(transform, translateZ(-1000px) rotateY(-90deg)); + opacity: 0.2; } } - -@keyframes hideRight { - 0% { - -webkit-transform: translateZ( 0px ); - transform: translateZ( 0px ); +@include keyframes(flipOutLeft) { + from { } - 40% { - -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); - z-index: 9999; + to { + @include prefixed(transform, translateZ(-1000px) rotateY(-90deg)); + opacity: 0.2; } - 100% { - opacity: 1; - -webkit-transform: translateZ( -400px ); - transform: translateZ( -400px ); +} +@include keyframes(flipInRight) { + from { + @include prefixed(transform, translateZ(-1000px) rotateY(90deg)); + opacity: 0.2; } } - -@-webkit-keyframes showLeft { - 0% { - -webkit-transform: translateZ( -400px ); - opacity: 1; +@include keyframes(flipOutTop) { + from { } - 40% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - opacity: 1; + to { + @include prefixed(transform, translateZ(-1000px) rotateX(90deg)); + opacity: 0.2; } - 41% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - opacity: 1; - z-index: 9999; +} +@include keyframes(flipInBottom) { + from { + @include prefixed(transform, translateZ(-1000px) rotateX(-90deg)); + opacity: 0.2; } - 100% { - -webkit-transform: translateZ( 0px ); - opacity: 1; - z-index: 9999; +} +@include keyframes(flipOutBottom) { + from { + } + to { + @include prefixed(transform, translateZ(-1000px) rotateX(-90deg)); + opacity: 0.2; + } +} +@include keyframes(flipInTop) { + from { + @include prefixed(transform, translateZ(-1000px) rotateX(90deg)); + opacity: 0.2; } } -@keyframes showLeft { +/* fall */ +@include keyframes(rotateFall) { 0% { - -webkit-transform: translateZ( -400px ); - transform: translateZ( -400px ); - opacity: 1; + @include prefixed(transform, rotateZ(0deg)); + } + 20% { + @include prefixed(transform, rotateZ(10deg)); + @include prefixed(animation-timing-function, ease-out); } 40% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - opacity: 1; + @include prefixed(transform, rotateZ(17deg)); } - 41% { - -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); - opacity: 1; - z-index: 9999; + 60% { + @include prefixed(transform, rotateZ(16deg)); } 100% { - -webkit-transform: translateZ( 0px ); - transform: translateZ( 0px ); - opacity: 1; - z-index: 9999; + @include prefixed(transform, translateY(100%) rotateZ(17deg)); } } -@-webkit-keyframes show-right { - 0% { -webkit-transform: translateZ( -200px ); } - 40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { -webkit-transform: translateZ( 0px ); } -} - -@-webkit-keyframes hide-right { - 0% { -webkit-transform: translateZ( 0px ); visibility: visible; } - 40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { -webkit-transform: translateZ( -200px ); visibility: hidden; } -} - -@-moz-keyframes show-right { - 0% { -moz-transform: translateZ( -200px ); } - 40% { -moz-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { -moz-transform: translateZ( 0px ); } -} - -@-moz-keyframes hide-right { - 0% { -moz-transform: translateZ( 0px ); visibility: visible; } - 40% { -moz-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { -moz-transform: translateZ( -200px ); visibility: hidden; } -} - -@keyframes show-right { - 0% { transform: translateZ( -200px ); } - 40% { transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { transform: translateZ( 0px ); } -} - -@keyframes hide-right { - 0% { transform: translateZ( 0px ); visibility: visible; } - 40% { transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { transform: translateZ( -200px ); visibility: hidden; } -} - - -@-webkit-keyframes show-left { - 0% { -webkit-transform: translateZ( -200px ); } - 40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { -webkit-transform: translateZ( 0px ); } -} - -@-webkit-keyframes hide-left { - 0% { -webkit-transform: translateZ( 0px ); visibility: visible; } - 40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { -webkit-transform: translateZ( -200px ); visibility: hidden; } -} - -@-moz-keyframes show-left { - 0% { -moz-transform: translateZ( -200px ); } - 40% { -moz-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { -moz-transform: translateZ( 0px ); } -} - -@-moz-keyframes hide-left { - 0% { -moz-transform: translateZ( 0px ); visibility: visible; } - 40% { -moz-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { -moz-transform: translateZ( -200px ); visibility: hidden; } -} - -@keyframes show-left { - 0% { transform: translateZ( -200px ); } - 40% { transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); } - 100% { transform: translateZ( 0px ); } -} - -@keyframes hide-left { - 0% { transform: translateZ( 0px ); visibility: visible; } - 40% { transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); } - 100% { transform: translateZ( -200px ); visibility: hidden; } -} - -/* move from / to */ - -@-webkit-keyframes moveToLeft { - from { } - to { -webkit-transform: translateX(-100%); } -} -@keyframes moveToLeft { - from { } - to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } -} - -@-webkit-keyframes moveFromLeft { - from { -webkit-transform: translateX(-100%); } -} -@keyframes moveFromLeft { - from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } -} - -@-webkit-keyframes moveToRight { - from { } - to { -webkit-transform: translateX(100%); } -} -@keyframes moveToRight { - from { } - to { -webkit-transform: translateX(100%); transform: translateX(100%); } -} - -@-webkit-keyframes moveFromRight { - from { -webkit-transform: translateX(100%); } -} -@keyframes moveFromRight { - from { -webkit-transform: translateX(100%); transform: translateX(100%); } -} - -@-webkit-keyframes moveToTop { - from { } - to { -webkit-transform: translateY(-100%); } -} -@keyframes moveToTop { - from { } - to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } -} - -@-webkit-keyframes moveFromTop { - from { -webkit-transform: translateY(-100%); } -} -@keyframes moveFromTop { - from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } -} - -@-webkit-keyframes moveToBottom { - from { } - to { -webkit-transform: translateY(100%); } -} -@keyframes moveToBottom { - from { } - to { -webkit-transform: translateY(100%); transform: translateY(100%); } -} - -@-webkit-keyframes moveFromBottom { - from { -webkit-transform: translateY(100%); } -} -@keyframes moveFromBottom { - from { -webkit-transform: translateY(100%); transform: translateY(100%); } -} - -/* fade */ - -@-webkit-keyframes fade { - from { } - to { opacity: 0.3; } -} -@keyframes fade { - from { } - to { opacity: 0.3; } -} - -/* move from / to and fade */ - -@-webkit-keyframes moveToLeftFade { - from { } - to { opacity: 0.3; -webkit-transform: translateX(-100%); } -} -@keyframes moveToLeftFade { - from { } - to { opacity: 0.3; -webkit-transform: translateX(-100%); transform: translateX(-100%); } -} - -@-webkit-keyframes moveFromLeftFade { - from { opacity: 0.3; -webkit-transform: translateX(-100%); } -} -@keyframes moveFromLeftFade { - from { opacity: 0.3; -webkit-transform: translateX(-100%); transform: translateX(-100%); } -} - -@-webkit-keyframes moveToRightFade { - from { } - to { opacity: 0.3; -webkit-transform: translateX(100%); } -} -@keyframes moveToRightFade { - from { } - to { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); } -} - -@-webkit-keyframes moveFromRightFade { - from { opacity: 0.3; -webkit-transform: translateX(100%); } -} -@keyframes moveFromRightFade { - from { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); } -} - -@-webkit-keyframes moveToTopFade { - from { } - to { opacity: 0.3; -webkit-transform: translateY(-100%); } -} -@keyframes moveToTopFade { - from { } - to { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); } -} - -@-webkit-keyframes moveFromTopFade { - from { opacity: 0.3; -webkit-transform: translateY(-100%); } -} -@keyframes moveFromTopFade { - from { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); } -} - -@-webkit-keyframes moveToBottomFade { - from { } - to { opacity: 0.3; -webkit-transform: translateY(100%); } -} -@keyframes moveToBottomFade { - from { } - to { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); } -} - -@-webkit-keyframes moveFromBottomFade { - from { opacity: 0.3; -webkit-transform: translateY(100%); } -} -@keyframes moveFromBottomFade { - from { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); } -} - - -/********************************* keyframes **************************************/ - -/* scale and fade */ - -@-webkit-keyframes scaleDown { - from { } - to { opacity: 0; -webkit-transform: scale(.8); } -} -@keyframes scaleDown { - from { } - to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); } -} - -@-webkit-keyframes scaleUp { - from { opacity: 0; -webkit-transform: scale(.8); } -} -@keyframes scaleUp { - from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); } -} - -@-webkit-keyframes scaleUpDown { - from { opacity: 0; -webkit-transform: scale(1.2); } -} -@keyframes scaleUpDown { - from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } -} - -@-webkit-keyframes scaleDownUp { - from { } - to { opacity: 0; -webkit-transform: scale(1.2); } -} -@keyframes scaleDownUp { - from { } - to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } -} - -@-webkit-keyframes scaleDownCenter { - from { } - to { opacity: 0; -webkit-transform: scale(.7); } -} -@keyframes scaleDownCenter { - from { } - to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } -} - -@-webkit-keyframes scaleUpCenter { - from { opacity: 0; -webkit-transform: scale(.7); } -} -@keyframes scaleUpCenter { - from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } -} - - -/********************************* keyframes **************************************/ - -/* rotate sides first and scale */ - -@-webkit-keyframes rotateRightSideFirst { - 0% { } - 40% { -webkit-transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateRightSideFirst { - 0% { } - 40% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateLeftSideFirst { - 0% { } - 40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateLeftSideFirst { - 0% { } - 40% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateTopSideFirst { - 0% { } - 40% { -webkit-transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateTopSideFirst { - 0% { } - 40% { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateBottomSideFirst { - 0% { } - 40% { -webkit-transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateBottomSideFirst { - 0% { } - 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -/* flip */ - -@-webkit-keyframes flipOutRight { - from { } - to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@keyframes flipOutRight { - from { } - to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInLeft { - from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@keyframes flipInLeft { - from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutLeft { - from { } - to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@keyframes flipOutLeft { - from { } - to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInRight { - from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@keyframes flipInRight { - from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutTop { - from { } - to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@keyframes flipOutTop { - from { } - to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInBottom { - from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@keyframes flipInBottom { - from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutBottom { - from { } - to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@keyframes flipOutBottom { - from { } - to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInTop { - from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@keyframes flipInTop { - from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} - -/* fall */ - -@-webkit-keyframes rotateFall { - 0% { -webkit-transform: rotateZ(0deg); } - 20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; } - 40% { -webkit-transform: rotateZ(17deg); } - 60% { -webkit-transform: rotateZ(16deg); } - 100% { -webkit-transform: translateY(100%) rotateZ(17deg); } -} -@keyframes rotateFall { - 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } - 20% { -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } - 40% { -webkit-transform: rotateZ(17deg); transform: rotateZ(17deg); } - 60% { -webkit-transform: rotateZ(16deg); transform: rotateZ(16deg); } - 100% { -webkit-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); } -} - /* newspaper */ - -@-webkit-keyframes rotateOutNewspaper { - from { } - to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } -} -@keyframes rotateOutNewspaper { - from { } - to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } -} - -@-webkit-keyframes rotateInNewspaper { - from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } +@include keyframes(rotateOutNewspaper) { + from { + } + to { + @include prefixed(transform, translateZ(-3000px) rotateZ(360deg)); + opacity: 0; + } } -@keyframes rotateInNewspaper { - from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } +@include keyframes(rotateInNewspaper) { + from { + @include prefixed(transform, translateZ(-3000px) rotateZ(-360deg)); + opacity: 0; + } } /* push */ - -@-webkit-keyframes rotatePushLeft { - from { } - to { opacity: 0; -webkit-transform: rotateY(90deg); } -} -@keyframes rotatePushLeft { - from { } - to { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } -} - -@-webkit-keyframes rotatePushRight { - from { } - to { opacity: 0; -webkit-transform: rotateY(-90deg); } -} -@keyframes rotatePushRight { - from { } - to { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } -} - -@-webkit-keyframes rotatePushTop { - from { } - to { opacity: 0; -webkit-transform: rotateX(-90deg); } +@include keyframes(rotatePushLeft) { + from { + } + to { + opacity: 0; + @include prefixed(transform, rotateY(90deg)); + } } -@keyframes rotatePushTop { - from { } - to { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } +@include keyframes(rotatePushRight) { + from { + } + to { + opacity: 0; + @include prefixed(transform, rotateY(-90deg)); + } } - -@-webkit-keyframes rotatePushBottom { - from { } - to { opacity: 0; -webkit-transform: rotateX(90deg); } +@include keyframes(rotatePushTop) { + from { + } + to { + opacity: 0; + @include prefixed(transform, rotateX(-90deg)); + } } -@keyframes rotatePushBottom { - from { } - to { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } +@include keyframes(rotatePushBottom) { + from { + } + to { + opacity: 0; + @include prefixed(transform, rotateX(90deg)); + } } /* pull */ - -@-webkit-keyframes rotatePullRight { - from { opacity: 0; -webkit-transform: rotateY(-90deg); } -} -@keyframes rotatePullRight { - from { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } -} - -@-webkit-keyframes rotatePullLeft { - from { opacity: 0; -webkit-transform: rotateY(90deg); } -} -@keyframes rotatePullLeft { - from { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } -} - -@-webkit-keyframes rotatePullTop { - from { opacity: 0; -webkit-transform: rotateX(-90deg); } +@include keyframes(rotatePullRight) { + from { + opacity: 0; + @include prefixed(transform, rotateY(-90deg)); + } } -@keyframes rotatePullTop { - from { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } +@include keyframes(rotatePullLeft) { + from { + opacity: 0; + @include prefixed(transform, rotateY(90deg)); + } } - -@-webkit-keyframes rotatePullBottom { - from { opacity: 0; -webkit-transform: rotateX(90deg); } +@include keyframes(rotatePullTop) { + from { + opacity: 0; + @include prefixed(transform, rotateX(-90deg)); + } } -@keyframes rotatePullBottom { - from { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } +@include keyframes(rotatePullBottom) { + from { + opacity: 0; + @include prefixed(transform, rotateX(90deg)); + } } /* fold */ - -@-webkit-keyframes rotateFoldRight { - from { } - to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } -} -@keyframes rotateFoldRight { - from { } - to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateFoldLeft { - from { } - to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } -} -@keyframes rotateFoldLeft { - from { } - to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateFoldTop { - from { } - to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } -} -@keyframes rotateFoldTop { - from { } - to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateFoldBottom { - from { } - to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } -} -@keyframes rotateFoldBottom { - from { } - to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } -} - -/* unfold */ - -@-webkit-keyframes rotateUnfoldLeft { - from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } -} -@keyframes rotateUnfoldLeft { - from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateUnfoldRight { - from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } -} -@keyframes rotateUnfoldRight { - from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateUnfoldTop { - from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } -} -@keyframes rotateUnfoldTop { - from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateUnfoldBottom { - from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } -} -@keyframes rotateUnfoldBottom { - from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } -} - -/* room walls */ - -@-webkit-keyframes rotateRoomLeftOut { - from { } - to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); } -} -@keyframes rotateRoomLeftOut { - from { } - to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateRoomLeftIn { - from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } -} -@keyframes rotateRoomLeftIn { - from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateRoomRightOut { - from { } - to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } -} -@keyframes rotateRoomRightOut { - from { } - to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateRoomRightIn { - from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); } -} -@keyframes rotateRoomRightIn { - from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateRoomTopOut { - from { } - to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); } -} -@keyframes rotateRoomTopOut { - from { } - to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } -} - -@-webkit-keyframes rotateRoomTopIn { - from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); } -} -@keyframes rotateRoomTopIn { - from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateRoomBottomOut { - from { } - to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); } -} -@keyframes rotateRoomBottomOut { - from { } - to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateRoomBottomIn { - from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); } -} -@keyframes rotateRoomBottomIn { - from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } -} - -/* cube */ - -@-webkit-keyframes rotateCubeLeftOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } - 100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); } +@include keyframes(rotateFoldRight) { + from { + } + to { + opacity: 0; + @include prefixed(transform, translateX(100%) rotateY(90deg)); + } } -@keyframes rotateCubeLeftOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } - 100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } +@include keyframes(rotateFoldLeft) { + from { + } + to { + opacity: 0; + @include prefixed(transform, translateX(-100%) rotateY(-90deg)); + } } - -@-webkit-keyframes rotateCubeLeftIn { - 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } +@include keyframes(rotateFoldTop) { + from { + } + to { + opacity: 0; + @include prefixed(transform, translateY(-100%) rotateX(90deg)); + } } -@keyframes rotateCubeLeftIn { - 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } +@include keyframes(rotateFoldBottom) { + from { + } + to { + opacity: 0; + @include prefixed(transform, translateY(100%) rotateX(-90deg)); + } } -@-webkit-keyframes rotateCubeRightOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } - 100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); } +/* unfold */ +@include keyframes(rotateUnfoldLeft) { + from { + opacity: 0; + @include prefixed(transform, translateX(-100%) rotateY(-90deg)); + } } -@keyframes rotateCubeRightOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } - 100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } +@include keyframes(rotateUnfoldRight) { + from { + opacity: 0; + @include prefixed(transform, translateX(100%) rotateY(90deg)); + } } - -@-webkit-keyframes rotateCubeRightIn { - 0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } +@include keyframes(rotateUnfoldTop) { + from { + opacity: 0; + @include prefixed(transform, translateY(-100%) rotateX(90deg)); + } } -@keyframes rotateCubeRightIn { - 0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } +@include keyframes(rotateUnfoldBottom) { + from { + opacity: 0; + @include prefixed(transform, translateY(100%) rotateX(-90deg)); + } } -@-webkit-keyframes rotateCubeTopOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } - 100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); } +/* room walls */ +@include keyframes(rotateRoomLeftOut) { + from { + } + to { + opacity: .3; + @include prefixed(transform, translateX(-100%) rotateY(90deg)); + } } -@keyframes rotateCubeTopOut { - 0% {} - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } - 100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } +@include keyframes(rotateRoomLeftIn) { + from { + opacity: .3; + @include prefixed(transform, translateX(100%) rotateY(-90deg)); + } } - -@-webkit-keyframes rotateCubeTopIn { - 0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } +@include keyframes(rotateRoomRightOut) { + from { + } + to { + opacity: .3; + @include prefixed(transform, translateX(100%) rotateY(-90deg)); + } } -@keyframes rotateCubeTopIn { - 0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } +@include keyframes(rotateRoomRightIn) { + from { + opacity: .3; + @include prefixed(transform, translateX(-100%) rotateY(90deg)); + } } - -@-webkit-keyframes rotateCubeBottomOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } - 100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); } +@include keyframes(rotateRoomTopOut) { + from { + } + to { + opacity: .3; + @include prefixed(transform, translateY(-100%) rotateX(-90deg)); + } } -@keyframes rotateCubeBottomOut { - 0% { } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } - 100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } +@include keyframes(rotateRoomTopIn) { + from { + opacity: .3; + @include prefixed(transform, translateY(100%) rotateX(90deg)); + } } - -@-webkit-keyframes rotateCubeBottomIn { - 0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } +@include keyframes(rotateRoomBottomOut) { + from { + } + to { + opacity: .3; + @include prefixed(transform, translateY(100%) rotateX(90deg)); + } } -@keyframes rotateCubeBottomIn { - 0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } - 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } +@include keyframes(rotateRoomBottomIn) { + from { + opacity: .3; + @include prefixed(transform, translateY(-100%) rotateX(-90deg)); + } } -/* carousel */ - -@-webkit-keyframes rotateCarouselLeftOut { - from { } - to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); } +/* cube */ +@include keyframes(rotateCubeLeftOut) { + 0% { + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateX(-50%) translateZ(-200px) rotateY(-45deg)); + } + 100% { + opacity: .3; + @include prefixed(transform, translateX(-100%) rotateY(-90deg)); + } } -@keyframes rotateCarouselLeftOut { - from { } - to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); } +@include keyframes(rotateCubeLeftIn) { + 0% { + opacity: .3; + @include prefixed(transform, translateX(100%) rotateY(90deg)); + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateX(50%) translateZ(-200px) rotateY(45deg)); + } } - -@-webkit-keyframes rotateCarouselLeftIn { - from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); } +@include keyframes(rotateCubeRightOut) { + 0% { + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateX(50%) translateZ(-200px) rotateY(45deg)); + } + 100% { + opacity: .3; + @include prefixed(transform, translateX(100%) rotateY(90deg)); + } } -@keyframes rotateCarouselLeftIn { - from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } +@include keyframes(rotateCubeRightIn) { + 0% { + opacity: .3; + @include prefixed(transform, translateX(-100%) rotateY(-90deg)); + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateX(-50%) translateZ(-200px) rotateY(-45deg)); + } } - -@-webkit-keyframes rotateCarouselRightOut { - from { } - to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); } +@include keyframes(rotateCubeTopOut) { + 0% { + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateY(-50%) translateZ(-200px) rotateX(45deg)); + } + 100% { + opacity: .3; + @include prefixed(transform, translateY(-100%) rotateX(90deg)); + } } -@keyframes rotateCarouselRightOut { - from { } - to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } +@include keyframes(rotateCubeTopIn) { + 0% { + opacity: .3; + @include prefixed(transform, translateY(100%) rotateX(-90deg)); + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transform, translateY(50%) translateZ(-200px) rotateX(-45deg)); + } } - -@-webkit-keyframes rotateCarouselRightIn { - from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); } +@include keyframes(rotateCubeBottomOut) { + 0% { + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transition-timing-function, translateY(50%) translateZ(-200px) rotateX(-45deg)); + } + 100% { + opacity: .3; + @include prefixed(transition-timing-function, translateY(100%) rotateX(-90deg)); + } } -@keyframes rotateCarouselRightIn { - from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); } +@include keyframes(rotateCubeBottomIn) { + 0% { + opacity: .3; + @include prefixed(transition-timing-function, translateY(-100%) rotateX(90deg)); + } + 50% { + @include prefixed(animation-timing-function,ease-out); + @include prefixed(transition-timing-function, translateY(-50%) translateZ(-200px) rotateX(45deg)); + } } -@-webkit-keyframes rotateCarouselTopOut { - from { } - to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); } +/* carousel */ +@include keyframes(rotateCarouselLeftOut) { + from { + } + to { + opacity: .3; + @include prefixed(transition-timing-function, translateX(-150%) scale(.4) rotateY(-65deg)); + } } -@keyframes rotateCarouselTopOut { - from { } - to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } +@include keyframes(rotateCarouselLeftIn) { + from { + opacity: .3; + @include prefixed(transition-timing-function, translateX(200%) scale(.4) rotateY(65deg)); + } } - -@-webkit-keyframes rotateCarouselTopIn { - from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); } +@include keyframes(rotateCarouselRightOut) { + from { + } + to { + opacity: .3; + @include prefixed(transition-timing-function, translateX(200%) scale(.4) rotateY(65deg)); + } } -@keyframes rotateCarouselTopIn { - from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } +@include keyframes(rotateCarouselRightIn) { + from { + opacity: .3; + @include prefixed(transition-timing-function, translateX(-200%) scale(.4) rotateY(-65deg)); + } } - -@-webkit-keyframes rotateCarouselBottomOut { - from { } - to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); } +@include keyframes(rotateCarouselTopOut) { + from { + } + to { + opacity: .3; + @include prefixed(transition-timing-function, translateY(-200%) scale(.4) rotateX(65deg)); + } } -@keyframes rotateCarouselBottomOut { - from { } - to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } +@include keyframes(rotateCarouselTopIn) { + from { + opacity: .3; + @include prefixed(transition-timing-function, translateY(200%) scale(.4) rotateX(-65deg)); + } } - -@-webkit-keyframes rotateCarouselBottomIn { - from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); } +@include keyframes(rotateCarouselBottomOut) { + from { + } + to { + opacity: .3; + @include prefixed(transition-timing-function, translateY(200%) scale(.4) rotateX(-65deg)); + } } -@keyframes rotateCarouselBottomIn { - from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } +@include keyframes(rotateCarouselBottomIn) { + from { + opacity: .3; + @include prefixed(transition-timing-function, translateY(-200%) scale(.4) rotateX(65deg)); + } } /* sides */ - -@-webkit-keyframes rotateSidesOut { - from { } - to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } -} -@keyframes rotateSidesOut { - from { } - to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); } -} - -@-webkit-keyframes rotateSidesIn { - from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } +@include keyframes(rotateSidesOut) { + from { + } + to { + opacity: 0; + @include prefixed(transition-timing-function, translateZ(-500px) rotateY(90deg)); + } } -@keyframes rotateSidesIn { - from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); } +@include keyframes(rotateSidesIn) { + from { + opacity: 0; + @include prefixed(transition-timing-function, translateZ(-500px) rotateY(-90deg)); + } } /* slide */ - -@-webkit-keyframes rotateSlideOutToLeft { - 0% { } - 25% { opacity: .5; -webkit-transform: translateZ(-500px); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } - 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } -} -@keyframes rotateSlideOutToLeft { - 0% { } - 25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } - 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } -} -@-webkit-keyframes rotateSlideOutToRight { - 0% {opacity: 1; } - 25% { opacity: .5; -webkit-transform: translateZ(-500px); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } - 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } -} -@keyframes rotateSlideOutToRight { - 0% {opacity: 1; } - 25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } - 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } -} -@-webkit-keyframes rotateSlideInFromRight { - 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px); } - 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } -} - -@keyframes rotateSlideInFromRight { - 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } - 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } -} -@-webkit-keyframes rotateSlideInFromLeft { - 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px); } - 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } -} -@keyframes rotateSlideInFromLeft { - 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } - 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } -} -@-webkit-keyframes bounceIn { - 0%,100%,20%,40%,60%,80% { - -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); - transition-timing-function: cubic-bezier(0.215,.61,.355,1) +@include keyframes(rotateSlideOutToLeft) { + 0% { } - + 25% { + opacity: .5; + @include prefixed(transition-timing-function, translateZ(-500px)); + } + 75% { + opacity: .5; + @include prefixed(transition-timing-function, translateZ(-500px) translateX(-200%)); + } + 100% { + opacity: .5; + @include prefixed(transform, translateZ(-500px) translateX(-200%)); + } +} +@include keyframes(rotateSlideOutToRight) { 0% { - opacity: 0; - -webkit-transform: scale3d(.3,.3,.3); - transform: scale3d(.3,.3,.3) + opacity: 1; } - - 20% { - -webkit-transform: scale3d(1.1,1.1,1.1); - transform: scale3d(1.1,1.1,1.1) + 25% { + opacity: .5; + @include prefixed(transform, translateZ(-500px)); } - - 40% { - -webkit-transform: scale3d(.9,.9,.9); - transform: scale3d(.9,.9,.9) + 75% { + opacity: .5; + @include prefixed(transform, translateZ(-500px) translateX(200%)); } - - 60% { + 100% { + opacity: .5; + @include prefixed(transform, translateZ(-500px) translateX(200%)); + } +} +@include keyframes(rotateSlideInFromRight) { + 0%, 25% { + opacity: .5; + @include prefixed(transform, translateZ(-500px) translateX(200%)); + } + 75% { + opacity: .5; + @include prefixed(transform, translateZ(-500px)); + } + 100% { opacity: 1; - -webkit-transform: scale3d(1.03,1.03,1.03); - transform: scale3d(1.03,1.03,1.03) + @include prefixed(transform, translateZ(0) translateX(0)); } - - 80% { - -webkit-transform: scale3d(.97,.97,.97); - transform: scale3d(.97,.97,.97) +} +@include keyframes(rotateSlideInFromLeft) { + 0%, 25% { + opacity: .5; + @include prefixed(transform, translateZ(-500px) translateX(-200%)); + } + 75% { + opacity: .5; + @include prefixed(transform, translateZ(-500px)); } - 100% { opacity: 1; - -webkit-transform: scale3d(1,1,1); - transform: scale3d(1,1,1) + @include prefixed(transform, translateZ(0) translateX(0)); } } - -@keyframes bounceIn { - 0%,100%,20%,40%,60%,80% { - -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); - transition-timing-function: cubic-bezier(0.215,.61,.355,1) +@include keyframes(bounceIn) { + 0%, 100%, 20%, 40%, 60%, 80% { + @include prefixed(transition-timing-function, cubic-bezier(0.215, .61, .355, 1)); } - 0% { opacity: 0; - -webkit-transform: scale3d(.3,.3,.3); - transform: scale3d(.3,.3,.3) + @include prefixed(transform, scale3d(.3, .3, .3)); } - 20% { - -webkit-transform: scale3d(1.1,1.1,1.1); - transform: scale3d(1.1,1.1,1.1) + @include prefixed(transform, scale3d(1.1, 1.1, 1.1)); } - 40% { - -webkit-transform: scale3d(.9,.9,.9); - transform: scale3d(.9,.9,.9) + @include prefixed(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) + @include prefixed(transform, scale3d(1.03, 1.03, 1.03)); } - 80% { - -webkit-transform: scale3d(.97,.97,.97); - transform: scale3d(.97,.97,.97) + @include prefixed(transform, scale3d(.97, .97, .97)); } - 100% { opacity: 1; - -webkit-transform: scale3d(1,1,1); - transform: scale3d(1,1,1) - } -} - -@-webkit-keyframes shake { - 0%,100% { - -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) + @include prefixed(transform, scale3d(1, 1, 1)); } } - -@keyframes shake { - 0%,100% { - -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) +@include keyframes(shake) { + 0%, 100% { + @include prefixed(transform, translate3d(0, 0, 0)); } -} - - -@-webkit-keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(.3,.3,.3); - transform: scale3d(.3,.3,.3) + 10%, 30%, 50%, 70%, 90% { + @include prefixed(transform, translate3d(-10px, 0, 0)); } - - 50% { - opacity: 1 + 20%, 40%, 60%, 80% { + @include prefixed(transform, translate3d(10px, 0, 0)); } } - -@keyframes zoomIn { +@include keyframes(zoomIn) { 0% { opacity: 0; - -webkit-transform: scale3d(.3,.3,.3); - transform: scale3d(.3,.3,.3) + @include prefixed(transform, scale3d(.3, .3, .3)); } - 50% { opacity: 1 } } -@-webkit-keyframes flash { - 0%,100%,50% { - opacity: 1 - } - - 25%,75% { - opacity: 0 - } -} - -@keyframes flash { - 0%,100%,50% { +@include keyframes(flash) { + 0%, 100%, 50% { opacity: 1 } - - 25%,75% { + 25%, 75% { opacity: 0 } } - - - //stick -@-webkit-keyframes rotateBottomSideOut { - 0% { - opacity: 1; - } - 40% { - -webkit-transform: rotateX(-15deg); - -webkit-animation-timing-function: ease-out; - } - 100% { - opacity: 0; - -webkit-transform: scale(0.8) translateZ(-200px); - } -} -@keyframes rotateBottomSideOut { +@include keyframes(rotateBottomSideOut) { 0% { opacity: 1; } 40% { - -webkit-transform: rotateX(-15deg); - transform: rotateX(-15deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; + @include prefixed(transform, rotateX(-15deg)); + @include prefixed(animation-timing-function, ease-out); } - 100% { opacity: 0; - -webkit-transform: scale(0.8) translateZ(-200px); - transform: scale(0.8) translateZ(-200px); + @include prefixed(transform, scale(0.8) translateZ(-200px)); } } - -@-webkit-keyframes slideInFromBottomDelayed { - 0%, 30% { - -webkit-transform: translateY(100%); - } - - 100% { - -webkit-transform: translateY(0); - } -} - -@keyframes slideInFromBottomDelayed { +@include keyframes(slideInFromBottomDelayed) { 0%, 30% { - -webkit-transform: translateY(100%); - transform: translateY(100%); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@-webkit-keyframes rotateBottomSideIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.8) translateZ(-200px); + @include prefixed(transform, translateY(100%)); } - - 60% { - -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); - -webkit-animation-timing-function: ease-out; - } - 100% { - opacity: 1; - -webkit-transform: scale(1) translateZ(0) rotateX(0deg); + @include prefixed(transform, translateY(0)); } } - -@keyframes rotateBottomSideIn { +@include keyframes(rotateBottomSideIn) { 0% { opacity: 0; - -webkit-transform: scale(0.8) translateZ(-200px); - transform: scale(0.8) translateZ(-200px); + @include prefixed(transform, scale(0.8) translateZ(-200px)); } - 60% { - -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); - transform: scale(1) translateZ(0) rotateX(-15deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; + @include prefixed(animation-timing-function, ease-out); + @include prefixed(transform, scale(1) translateZ(0) rotateX(-15deg)); } - 100% { opacity: 1; - -webkit-transform: scale(1) translateZ(0) rotateX(0deg); - transform: scale(1) translateZ(0) rotateX(0deg); + @include prefixed(transform, scale(1) translateZ(0) rotateX(0deg)); } } -@-webkit-keyframes slideOutToBottom { +@include keyframes(slideOutToBottom) { from { opacity: 1; } to { - -webkit-transform: translateY(100%); + @include prefixed(transform, translateY(100%)); } } - -@keyframes slideOutToBottom { - from { - opacity: 1; - } - to { - -webkit-transform: translateY(100%); - transform: translateY(100%); - } -} - diff --git a/assets/scss/_mixin.scss b/assets/scss/_mixin.scss deleted file mode 100644 index 657a4a6eb..000000000 --- a/assets/scss/_mixin.scss +++ /dev/null @@ -1,29 +0,0 @@ -@mixin highlight-color($color: $brand-yellow) { - -webkit-tap-highlight-color: $color; - -moz-tap-highlight-color: $color; - -ms-tap-highlight-color: $color; - -o-tap-highlight-color: $color; - tap-highlight-color: $color; -} - -@mixin backdrop { - @include background(linear-gradient(white, white 85%, $gray-1)); - background-color: white; -} -@mixin animated{ - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both -} - -@mixin shake { - @include animated(); - -webkit-animation-name: shake; - animation-name: shake -} -@mixin flash { - @include animated(); - -webkit-animation-name: flash; - animation-name: flash -} diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss new file mode 100644 index 000000000..a273f9221 --- /dev/null +++ b/assets/scss/_mixins.scss @@ -0,0 +1,141 @@ +@mixin prefixed($property, $value) { + @if $webkit == true { + -webkit-#{$property}: #{$value}; + } + + @if $moz == true { + -moz-#{$property}: #{$value}; + } + + @if $ms == true { + -ms-#{$property}: #{$value}; + } + + @if $o == true { + -o-#{$property}: #{$value}; + } + + #{$property}: #{$value}; +} + +// prefix keyframes +@mixin keyframes($name) { + @if $webkit == true { + @-webkit-keyframes #{$name} { + @content; + } + } + + @if $moz == true { + @-moz-keyframes #{$name} { + @content; + } + } + + @if $ms == true { + @-ms-keyframes #{$name} { + @content; + } + } + + @if $o == true { + @-o-keyframes #{$name} { + @content; + } + } + + @keyframes #{$name} { + @content; + } +} +@mixin highlight-color($color: $brand-yellow) { + @include prefixed(tap-highlight-color, $color); +} + +@mixin backdrop { + @include background(linear-gradient(white, white 85%, $gray-1)); + background-color: white; +} +@mixin animated{ + @include prefixed(animation-duration, 1s); + @include prefixed(animation-fill-mode, both); +} + +@mixin shake { + @include animated(); + @include prefixed(animation-name, shake); +} +@mixin flash { + @include animated(); + @include prefixed(animation-name, flash); +} + +@mixin hardwareAccel() { + // Improve performance on mobile/tablet devices + @include prefixed(transform, translateZ(0)); +} + +@mixin improveAntiAlias() { + // Improve aliasing on mobile/tablet devices + @include prefixed(box-shadow,0 0 1px rgba(0, 0, 0, 0)); +} + +@mixin fontSmooth() { + @include prefixed(backface-visibility,hidden); + -moz-osx-font-smoothing: grayscale; +} + +@mixin forceBlockLevel() { + // Transforms need to be block-level to work + display: inline-block; + vertical-align: middle; +} + +@mixin hacks() { + @include forceBlockLevel(); + @include hardwareAccel(); + @include improveAntiAlias(); + @include fontSmooth(); +} + +@mixin underline-from-center ($color){ + @include hacks(); + position: relative; + overflow: hidden; + + &:before { + content: ""; + position: absolute; + z-index: -1; + left: 50%; + right: 50%; + bottom: 0; + background: $color; + height: 4px; + @include prefixed(transition-property, "left, right"); + @include prefixed(transition-duration, 0.3s); + @include prefixed(transition-timing-function, ease-out); + } + + &:hover, + &:focus, + &:active { + + &:before { + left: 0; + right: 0; + } + } +} + + +@mixin label-variant($color) { + background-color: $color; + &[href] { + &:hover, + &:focus { + background-color: darken($color, 10%); + } + } +} + diff --git a/assets/scss/_tags.scss b/assets/scss/_tags.scss index 3f8646490..4c82e3a0e 100644 --- a/assets/scss/_tags.scss +++ b/assets/scss/_tags.scss @@ -1,7 +1,7 @@ //selection color, scrollbar ::selection { - color: white; - background-color: $brand-yellow; + color: $selection-color; + background-color: $selection-bg-color; @include text-shadow(none); } @@ -37,24 +37,29 @@ body { background: black; - font-family: 'YaHei Consolas Hybrid',STHeiti,'Microsoft Yahei',Arial,Helvetica,sans-serif; + font-family: $font-face; } a { - color: #FF8C78; - background-color: #FFF2B5; + color: $link-color; padding:0 3px; text-decoration: none; - border-bottom: 1px dashed #FF8C78; + border-bottom: 1px dashed $link-color; cursor: help; margin:0 5px; + background-color: $link-bg-color; &:hover { - background-color: #F9FF95; + color: $link-hover-color; + border-bottom: none; + background-color: $link-hover-bg-color; } + @include underline-from-center($link-hover-color); } + h1, h2, h3 { font-weight: 600; - @include text-shadow(2px 2px 2px black); + color: $title-color; + @include text-shadow(2px 2px 2px $title-shadow-color); } h1 { @@ -62,7 +67,7 @@ h1 { line-height: 1.5; color: white; margin-bottom: 0.5em; - @include text-shadow(2px 3px 4px black); + @include text-shadow(2px 3px 4px $title-shadow-color); } h2 { @@ -119,24 +124,24 @@ ol { } } +mark{ + color: $highlight-color; + background-color: $highlight-bg-color; +} pre { - // display: inline-block; - // overflow: auto; - font-family: 'Source Code Pro', 'Courier New', monospace; + font-family: $code-font-face; font-size: 20px; line-height: 1.2em; letter-spacing: -1px; margin-bottom: 20px; - // width: 100%; text-align: left; - // background-color: $gray-1; - // left: -$slide-left-right-padding; position: relative; @include box-sizing(border-box); + code { font-size: 95%; - font-family: 'Source Code Pro', 'Courier New', monospace; + font-family: $code-font-face; color: black; border:none 0; padding: 0; @@ -147,7 +152,7 @@ pre { code{ margin: 0; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-family: $code-font-face; border: 1px solid #ddd; background-color: #f8f8f8; padding: 0 3px; @@ -158,7 +163,6 @@ code{ @include border-radius(5px); } - iframe { width: 100%; height: $slide-height - ($slide-top-bottom-padding * 2) - ($article-content-top-padding * 2); @@ -170,27 +174,27 @@ dt { font-weight: bold; } -button { - display: inline-block; - @include background(linear-gradient(#F9F9F9 40%, #E3E3E3 70%)); - border: 1px solid $gray-2; - @include border-radius(3px); - padding: 5px 8px; - outline: none; - white-space: nowrap; - @include user-select(none); - cursor: pointer; - @include text-shadow(1px 1px #fff); - font-size: 10pt; -} - -button:not(:disabled):hover { - border-color: $gray-4; -} - -button:not(:disabled):active { - @include background(linear-gradient(#E3E3E3 40%, #F9F9F9 70%)); -} +// button { +// display: inline-block; +// @include background(linear-gradient(#F9F9F9 40%, #E3E3E3 70%)); +// border: 1px solid $gray-2; +// @include border-radius(3px); +// padding: 5px 8px; +// outline: none; +// white-space: nowrap; +// @include user-select(none); +// cursor: pointer; +// @include text-shadow(1px 1px #fff); +// font-size: 10pt; +// } + +// button:not(:disabled):hover { +// border-color: $gray-4; +// } + +// button:not(:disabled):active { +// @include background(linear-gradient(#E3E3E3 40%, #F9F9F9 70%)); +// } table { width: 100%; color: black; @@ -221,8 +225,8 @@ table { td.highlight { font-weight: bold; - color: #468847; - background-color: #dff0d8 !important; + color: $highlight-color; + background-color: $highlight-bg-color !important; } &.rows { diff --git a/assets/scss/_utils.scss b/assets/scss/_utils.scss new file mode 100644 index 000000000..b5584c1f4 --- /dev/null +++ b/assets/scss/_utils.scss @@ -0,0 +1,249 @@ +@import "compass/css3/border-radius"; +@import "compass/css3/box-shadow"; +$xs: 5px; +$sm: 10px; +$md: 15px; +$df: 20px; +$lg: 25px; + +/* p,m,b = padding,margin,border + * Directions + * t,b,r,l,n = top,bottom,right,left, negative + * Sizing + * xs,sm,md,df,lg = extra small($xs),small($sm),medium($md),default($df),large($lg) + */ + +.ptl { + position: absolute; + top: 0; + left: 0; +} + +.ptr { + position: absolute; + top: 0; + right: 0; +} + +.pbl { + position: absolute; + bottom: 0; + left: 0; +} + +.pbr { + position: absolute; + bottom: 0; + right: 0; +} +/* Set background color to transparent */ +.bg-none { + background-color: transparent; + @include box-shadow(none); +} + +.shadow { + @include box-shadow(0 0 5px rgba(0, 0, 0, .2)); +} + +.no-shadow { + @include box-shadow(none); +} + +/* Margins */ +.no-m { + margin: 0!important;} +.mn { + margin-right: -$md; + margin-left: -$md; +} +.mrn { + margin-right: -$md; +} +.mln { + margin-left: -$md; +} +.mbn { + margin-bottom: -$md; +} +.ml0 { + margin-left: 0; +} +.mr0 { + margin-right: 0; +} +.mt0 { + margin-top: 0; +} +.mb0 { + margin-bottom: 0; +} +.m25 { + margin: $lg; +} +.mr25 { + margin-right: $lg; +} +.ml25 { + margin-left: $lg; +} +.mt25 { + margin-top: $lg; +} +.mb25 { + margin-bottom: $lg; +} +.m20 { + margin: $df; +} +.mr20 { + margin-right: $df; +} +.ml20 { + margin-left: $df; +} +.mt20 { + margin-top: $df; +} +.mb20 { + margin-bottom: $df; +} +.m15 { + margin: $md; +} +.mr15 { + margin-right: $md; +} +.ml15 { + margin-left: $md; +} +.mt15 { + margin-top: $md; +} +.mb15 { + margin-bottom: $md; +} +.m10 { + margin: $sm; +} +.mr10 { + margin-right: $sm; +} +.ml10 { + margin-left: $sm; +} +.mt10 { + margin-top: $sm; +} +.mb10 { + margin-bottom: $sm; +} +.m5 { + margin: $xs; +} +.mr5 { + margin-right: $xs; +} +.ml5 { + margin-left: $xs; +} +.mt5 { + margin-top: $xs; +} +.mb5 { + margin-bottom: $xs; +} + +/* Padding space */ +.no-p { + padding: 0!important; +} +.pl0 { + padding-left: 0; +} +.pr0 { + padding-right: 0; +} +.pt0 { + padding-top: 0; +} +.pb0 { + padding-bottom: 0; +} +.p25 { + padding: $lg; +} +.pr25 { + padding-right: $lg; +} +.pl25 { + padding-left: $lg; +} +.pt25 { + padding-top: $lg; +} +.pb25 { + padding-bottom: $lg; +} +.p20 { + padding: $df; +} +.pr20 { + padding-right: $df; +} +.pl20 { + padding-left: $df; +} +.pt20 { + padding-top: $df; +} +.pb20 { + padding-bottom: $df; +} +.p15 { + padding: $md; +} +.pr15 { + padding-right: $md; +} +.pl15 { + padding-left: $md; +} +.pt15 { + padding-top: $md; +} +.pb15 { + padding-bottom: $md; +} +.p10 { + padding: $sm; +} +.pr10 { + padding-right: $sm; +} +.pl10 { + padding-left: $sm; +} +.pt10 { + padding-top: $sm; +} +.pb10 { + padding-bottom: $sm; +} +.p5 { + padding: $xs; +} +.pr5 { + padding-right: $xs; +} +.pl5 { + padding-left: $xs; +} +.pt5 { + padding-top: $xs; +} +.pb5 { + padding-bottom: $xs; +} + + diff --git a/assets/scss/_vars.scss b/assets/scss/_vars.scss index c4345121a..5c6c23c5e 100644 --- a/assets/scss/_vars.scss +++ b/assets/scss/_vars.scss @@ -1,34 +1,107 @@ -$brand-small-icon-size: 30px; +$webkit: true; +$moz: true; +$ms: true; +$o: true; +$font-face: "YaHei Consolas Hybrid", STHeiti, "Microsoft Yahei", Arial, Helvetica, sans-serif; +$code-font-face: "Source Code Pro", Consolas, "Courier New", Courier, monospace; +//global colors +$font-color: white; +$border-color: darken($font-color, 2%); +$note-color: black; +$selection-color: white; +$selection-bg-color: rgb(255, 209, 77); +$quote-bg-color: #F9FF95; +$quote-border-color: #3E87CF; +$quote-small-color: #999; +$quote-color: black; +$title-color: white; +$title-shadow-color: black; +$highlight-color: #468847; +$highlight-bg-color: #dff0d8; -$gray-1: #e6e6e6; -$gray-2: #a9a9a9; -$gray-3: #797979; -$gray-4: #515151; +//colors +$brand-default: #eaecf6; +$brand-primary: #1582dc; +$brand-success: #15db81; +$brand-warning: #daac16; +$brand-danger: #da3e16; +$brand-info: #15acdc; +$brand-white: #ffffff; +$brand-dark: #4F5061; +$border-radius-base: 2px; +$border-radius-large: 4px; +$border-radius-small: 1px; +//link colors +$link-color: #FF8C78; +$link-hover-color: #FF4D2E; +$link-bg-color: transparent; +$link-hover-bg-color: transparent; +//slide background colors + +$slide-bg-color: #03C8CB; +$slide-bg-color1:#dc6c5f; +$slide-bg-color2:#04AA55; +$slide-bg-color3:#487BD3; +$slide-bg-color4:#049DBF; +$slide-bg-color5:#DA4A89; +$gray-1:#e6e6e6; +$gray-2:#a9a9a9; +$gray-3:#797979; +$gray-4:#515151; $brand-blue: rgb(67, 135, 253); $brand-blue-secondary: #3c8ef3; -$brand-blue-secondary2: #2a7cdf; - +$brand-blue-secondary2:#2a7cdf; $brand-red: rgb(244, 74, 63); $brand-red-secondary: #e0543e; -$brand-red-secondary2: #d94d3a; - +$brand-red-secondary2:#d94d3a; $brand-yellow: rgb(255, 209, 77); $brand-yellow-secondary: #f9cc46; -$brand-yellow-secondary2: #f6c000; - +$brand-yellow-secondary2:#f6c000; $brand-green: rgb(13, 168, 97); $brand-green-secondary: #00a86d; -$brand-green-secondary2: #009f5d; - +$brand-green-secondary2:#009f5d; $slide-width: 900px; $slide-height: 600px; - $slide-width-widescreen: 1100px; $slide-top-bottom-padding: 40px; $slide-left-right-padding: 60px; $slide-border-radius: 5px; - $slide-tap-area-width: 100px; - $article-content-top-padding: 20px; +//buttons +$btn-default-color: black; +$btn-default-bg: $brand-default; +$btn-default-border: darken($brand-default, 6%); +$btn-primary-color: #fff; +$btn-primary-bg: $brand-primary; +$btn-primary-border: $btn-primary-bg; +$btn-success-color: #fff; +$btn-success-bg: $brand-success; +$btn-success-border: $btn-success-bg; +$btn-warning-color: #fff; +$btn-warning-bg: $brand-warning; +$btn-warning-border: $btn-warning-bg; +$btn-danger-color: #fff; +$btn-danger-bg: $brand-danger; +$btn-danger-border: $btn-danger-bg; +$btn-info-color: #fff; +$btn-info-bg: $brand-info; +$btn-info-border: $btn-info-bg; +$btn-dark-color: #fff; +$btn-dark-bg: $brand-dark; +$btn-dark-border: $btn-dark-bg; +$btn-white-color: $font-color; +$btn-white-bg: $brand-white; +$btn-white-border: white; +$btn-link-disabled-color: darken(#fff, 50%); +// Labels +$label-default-bg: $brand-default; +$label-primary-bg: $brand-primary; +$label-success-bg: $brand-success; +$label-info-bg: $brand-info; +$label-warning-bg: $brand-warning; +$label-danger-bg: $brand-danger; +$label-white-bg: $brand-white; +$label-color: #fff; +$label-link-hover-color: #fff; diff --git a/assets/scss/nodeppt.scss b/assets/scss/nodeppt.scss index d7d68b1fc..f25d6e6e8 100755 --- a/assets/scss/nodeppt.scss +++ b/assets/scss/nodeppt.scss @@ -4,33 +4,35 @@ @import "compass/css3/columns"; @import "compass/css3/user-interface"; @import "vars"; -@import "mixin"; +@import "mixins"; @import "tags"; +@import "buttons"; +@import "utils"; + .draw-board { position: fixed; - cursor: url(pen.cur),default; + cursor: url(pen.cur), default; z-index: 9999; - top:0; - left:0; - right:0; + top: 0; + left: 0; + right: 0; bottom: 0; } .slideTip { display: none; - padding:10px 0; - width:300px; - background: rgba(0,0,0,.3); + padding: 10px 0; + width: 300px; + background: rgba(0, 0, 0, .3); border-radius: 5px; padding: 10px; margin: 0 auto; color: #FFF; position: fixed; top: 40%; - left:50%; - margin-left:-150px; + left: 50%; + margin-left: -150px; text-align: center; } - .progress { position: fixed; height: 3px; @@ -39,8 +41,7 @@ left: 0; background: #000; } - -.progress span{ +.progress span { display: block; background: #2187E7; height: 100%; @@ -49,20 +50,17 @@ @include border-radius(0 2px 2px 0); @include transition(width 0.8s cubic-bezier(0.260, 0.860, 0.440, 0.985)); } - -.slides{ +.slides { width: 100%; height: 100%; text-align: center; } - -slides > slide .slide-wrapper{ +slides > slide .slide-wrapper { max-width: $slide-width; // height: $slide-height; text-align: center; margin: 0 auto; position: relative; - @include display-flex; @include flex-direction(column); @include justify-content(center); @@ -77,121 +75,120 @@ slides > slide .slide-wrapper{ height: 80%; } } - - p>img:only-child{ + p>img:only-child { margin-bottom: 1em; } } - > article:only-child { - h2{ + h2 { font-weight: normal; } - > pre{ + > pre { overflow-y: auto; max-height: 98%; } - > iframe { height: 98%; } } - img{ - @include justify-content( space-around); + img { + @include justify-content(space-around); max-width: 100%; max-height: $slide-height - $slide-top-bottom-padding*2; } - blockquote { font-size: 28px; line-height: 1.5em; padding: 5px 5px 5px 20px; - background-color: #F9FF95; - border-left: 5px solid #3E87CF; - color: black; + background-color: $quote-bg-color; + border-left: 5px solid $quote-border-color; + color: $quote-color; text-align: left; min-width: 500px; display: inline-block; - small{ + small { display: block; line-height: 20px; - color: #999999; - &::before{ + color: $quote-small-color; + + &::before { content: '\2014 \00A0'; } } - p{ + p { margin-bottom: 0 !important; font-size: 17.5px; font-weight: 300; line-height: 1.25; } } - blockquote.pull-right{ + blockquote.pull-right { padding-left: 15px; border-right: 5px solid #3E87CF; text-align: right; padding-right: 20px; border-left: none; - small{ - &::before{ + + small { + &::before { content: ''; } - &::after{ + &::after { content: '\00A0 \2014'; } } } - b,strong{ + + b, strong { font-weight: bold; margin: 0 5px; - @include text-shadow(2px 3px 1px rgba(0,0,0,.8)); + @include text-shadow(2px 3px 1px rgba(0, 0, 0, .8)); } - em{ + em { margin: 0 5px; font-weight: bold; - @include text-shadow(-1px -2px 1px rgba(0,0,0,.8)); + @include text-shadow(-1px -2px 1px rgba(0, 0, 0, .8)); } - pre{ - b , strong{ + pre { + b, strong { margin: 0; @include text-shadow(none); } } } + + + slides > slide { display: none; font-size: 26px; - color: white; - background-color: #03C8CB; + color: $font-color; + background-color: $slide-bg-color; width: 100%; height: 100%; position: absolute; - top:0; - left:0; + top: 0; + left: 0; z-index: 9; - padding: $slide-top-bottom-padding $slide-left-right-padding; // @include border-radius($slide-border-radius); @include transition(all 0.6s ease-in-out); - - transform-style: preserve-3d; + @include prefixed(transform-style, preserve-3d); @include transform(translateZ(0)); &.far-past { display: none; } - &.past { display: block; opacity: 0; } - &.current { display: block; opacity: 1; z-index: 99; + .auto-fadein { opacity: 1; } @@ -199,24 +196,18 @@ slides > slide { @include background-size(100% 100%); } } - &.next { display: block; opacity: 0; } - &.far-next { display: none; } - &.dark { background: $gray-4 !important; } - &:not(.nobackground) { - } - &.title-slide { &:after { content: ''; @@ -227,74 +218,64 @@ slides > slide { height: 60px; } } - &.backdrop { z-index: -10; display: block !important; @include backdrop; &:after, &:before { - display: none; // Prevent double set of slide nums and footer icons. + display: none; + // Prevent double set of slide nums and footer icons. } } - &:nth-child(6n+1){ - background-color: #dc6c5f + &:nth-child(6n+1) { + background-color: $slide-bg-color1; } - &:nth-child(6n+2){ - background-color: #04AA55 + &:nth-child(6n+2) { + background-color: $slide-bg-color2; } - &:nth-child(6n+3){ - background-color: #487BD3 + &:nth-child(6n+3) { + background-color: $slide-bg-color3; } - &:nth-child(6n+4){ - background-color: #049DBF + &:nth-child(6n+4) { + background-color: $slide-bg-color4; } - &:nth-child(6n+5){ - background-color: #DA4A89 + &:nth-child(6n+5) { + background-color: $slide-bg-color5; } + .note { + color: $note-color; - .note{ - color: black; - h1,h2,h3,h4{ - color: black; + h1, h2, h3, h4 { + color: $note-color; @include text-shadow(none); } } } // Code highlighting only effects the current slide. -.highlight-code slide.current, -slide.current .hljs{ - b,strong{ +.highlight-code slide.current, slide.current .hljs { + b, strong { @include shake(); - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + @include prefixed(animation-duration, 1.5s); } - em{ + em { @include flash(); - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + @include prefixed(animation-duration, 1.5s); } } -.highlight-code slide.current .hljs{ - b,strong{ +.highlight-code slide.current .hljs { + b, strong { @include flash(); - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + @include prefixed(animation-duration, 1.5s); } - em{ + em { @include shake(); - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + @include prefixed(animation-duration, 1.5s); } - } - @import "widescreen"; @import "common"; - - - slide.fill { background-repeat: no-repeat; @include border-radius($slide-border-radius); @@ -302,7 +283,6 @@ slide.fill { } /* Size variants */ - article.smaller { p, ul { font-size: 20px; @@ -328,10 +308,10 @@ article.smaller { } } } - @import "build"; @import "note"; @import "controller"; + .source { font-size: 14px; color: $gray-2; @@ -340,44 +320,36 @@ article.smaller { bottom: $slide-top-bottom-padding + 30px; left: $slide-left-right-padding; } - .centered { text-align: center; } - .reflect { - -webkit-box-reflect: below 3px -webkit-linear-gradient(rgba(255,255,255,0) 85%, white 150%); - -moz-box-reflect: below 3px -moz-linear-gradient(rgba(255,255,255,0) 85%, white 150%); - -o-box-reflect: below 3px -o-linear-gradient(rgba(255,255,255,0) 85%, white 150%); - -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%); - box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%); + -webkit-box-reflect: below 3px -webkit-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); + -moz-box-reflect: below 3px -moz-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); + -o-box-reflect: below 3px -o-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); + -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); + box-reflect: below 3px linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); } - .flexbox { @include display-flex; @include flex-flow(row); } - .flexbox.vcenter { @include flex-center-center; height: 100%; width: 100%; } - .flexbox.vleft { @include flex-left-center; height: 100%; width: 100%; text-align: left; } - .flexbox.vright { @include flex-right-center; height: 100%; width: 100%; - } - .auto-fadein { @include transition(opacity 0.6s ease-in 1s); opacity: 0; @@ -386,19 +358,15 @@ article.smaller { /* Clickable/tappable areas */ .slide-area { z-index: 1000; - position: absolute; left: 0; top: 0; width: $slide-tap-area-width; height: $slide-height; - left: 50%; top: 50%; - cursor: pointer; margin-top: -$slide-height / 2; - } #prev-slide-area { margin-left: -$slide-width-widescreen / 2; @@ -406,14 +374,12 @@ article.smaller { #next-slide-area { margin-left: $slide-width / 2; } - .logoslide { img { width: 383px; height: 92px; } } - .segue { padding: $slide-left-right-padding $slide-left-right-padding * 2; @@ -430,26 +396,23 @@ article.smaller { bottom: 225px; } } - .thank-you-slide { background: $brand-blue !important; - color: white; + color: $font-color; h2 { font-size: 60px; color: inherit; } - h3{ + h3 { font-size: 52px; color: inherit; text-align: right; } - article > p { margin-top: 2em; font-size: 20pt; } - > p { position: absolute; bottom: $slide-top-bottom-padding * 2; @@ -457,7 +420,6 @@ article.smaller { line-height: 1.3em; } } - aside.gdbar { height: 97px; width: 215px; @@ -473,20 +435,20 @@ aside.gdbar { right: 0; left: -moz-initial; left: initial; - top: ($slide-height / 2) - 96; /* 96 is height of gray icon bar */ + top: ($slide-height / 2) - 96; + + /* 96 is height of gray icon bar */ @include transform(rotateZ(180deg)); img { @include transform(rotateZ(180deg)); } } - &.bottom { top: -moz-initial; top: initial; bottom: $slide-left-right-padding; } - img { width: 85px; height: 85px; @@ -495,9 +457,7 @@ aside.gdbar { margin: 8px 15px; } } - .title-slide { - hgroup { bottom: 100px; @@ -507,13 +467,11 @@ aside.gdbar { letter-spacing: -3px; color: $gray-4; } - h2 { font-size: 34px; color: $gray-2; font-weight: inherit; } - p { font-size: 20px; color: $gray-3; @@ -522,7 +480,6 @@ aside.gdbar { } } } - .quote { color: $gray-1; @@ -533,7 +490,6 @@ aside.gdbar { line-height: 1.4; } } - .overview { &.popup { .note { @@ -545,7 +501,6 @@ aside.gdbar { &.backdrop { display: none !important; } - display: block; cursor: pointer; opacity: 0.5; @@ -553,26 +508,17 @@ aside.gdbar { width: 1100px; // @include backdrop(); - &.far-past, - &.past, - &.next, - &.far-next, - &.far-past { + &.far-past, &.past, &.next, &.far-next, &.far-past { opacity: 0.5 !important; display: block !important; } - &.current { opacity: 1 !important; } - } } - .slide-area { display: none; } } - @import "animation"; - diff --git a/package.json b/package.json index a30ac8c61..3aa062e23 100755 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "nodeppt", "jsname": "nodeppt", "description": "A simple, in-browser, markdown-driven presentation framework", - "version": "1.1.1", + "version": "1.1.2", "site": "https://github.com/ksky521/nodePPT", "author": { "name": "Theo Wang", diff --git a/ppts/demo.md b/ppts/demo.md index 2213e7160..82220042a 100755 --- a/ppts/demo.md +++ b/ppts/demo.md @@ -125,8 +125,8 @@ nodeppt：https://github.com/ksky521/nodePPT ## 列表渐显动画：bounceIn ---- * 列表支持渐显动画哦 {:&.bounceIn} -* 动画类型 - * fadeIn +* 动画类型 + * fadeIn * rollIn * bounceIn * moveIn @@ -147,19 +147,67 @@ nodeppt：https://github.com/ksky521/nodePPT [slide] -## 多种样式展示 ----- +## text +----- + +.text-danger .text-sucess.text-primary + +.text-warning.text-info.text-white.text-dark + + +.blue.blue2.blue3.gray.gray2.gray3 - +.red.red2.red3 -链接 +.yellow.yellow2.yellow3.green.green2.green3 + +[slide] +## label and link +.label.label-primary.label.label-warning.label.label-danger.label.label-default.label.label-success.label.label-info + +link style mark + +[slide] +## blockquote +---- > nodeppt可能是迄今为止最好用的web presentation 三水清 -**注意**下一页效果高能！提前预警！！ + +下面是另外一种样式 > 这是一个class是：pull-right的blockquote small一下 {:&.pull-right} +[slide] +## buttons +---- + + + + + + + + + + +[slide] +## icons: Font Awesome +------ + + + + + + + + + + + + + + [slide] ## 代码格式化 @@ -389,10 +437,10 @@ markdown语法如下： function globalFunc(){ } - + ``` - + 在多屏中测试远程执行