diff --git a/css/index.css b/css/index.css index 887ab98..0b5a242 100644 --- a/css/index.css +++ b/css/index.css @@ -286,7 +286,7 @@ body, html { @font-face { font-family: "fonteditor"; - src: url("../font/fonteditor.eot"); + src: url("/font/fonteditor.eot"); /* IE9 */ src: url("/font/fonteditor.eot?#iefix") format("embedded-opentype"), url("/font/fonteditor.woff") format("woff"), url("/font/fonteditor.ttf") format("truetype"), url("/font/fonteditor.svg#uxfonteditor") format("svg"); /* iOS 4.1- */ @@ -304,7 +304,7 @@ body, html { .logo-bg { width: 320px; - height: 160px; + height: 180px; position: absolute; top: 20px; margin-left: -4.8em; @@ -313,7 +313,7 @@ body, html { .J-logo .logo-bg { width: 160px; - height: 160px; + height: 180px; left: 50%; margin-left: -80px; } diff --git a/css/index.css.map b/css/index.css.map index f47de4a..c5aa832 100644 --- a/css/index.css.map +++ b/css/index.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../sass/_reset.scss","../sass/index.scss","../sass/_function.scss"], "names": [], "file": "index.css" diff --git a/dist/css/base.min.1.0.0.css b/dist/css/base.min.1.0.0.css index f891d3b..5201e0c 100644 --- a/dist/css/base.min.1.0.0.css +++ b/dist/css/base.min.1.0.0.css @@ -1,6 +1,6 @@ /* * Junr.me 1.0.0 - * 2016-04-18 13:05:54 + * 2016-04-18 13:18:35 * Copyright (c) 2016 Licensed MIT <> */ -.J-page .J-name,.J-page a{font-size:14px;display:block}.logo h1 a,:link,:visited,ins{text-decoration:none}.J-page a,.l{float:left}.amiText,.clear{overflow:hidden}:focus,a.hidefocus,a:focus{outline:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-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);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}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(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}.bounceOut,.flipOutX{-webkit-animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@keyframes typing{from{width:0}}@keyframes blink-caret{50%{border-color:transparent}}@keyframes opacity{from{opacity:0}to{opacity:1}}body,html{height:100%}.J-page{width:300px;position:absolute;top:50%;left:50%;margin:-106px 0 0 -150px}.hr{margin-top:10px}.J-page a{width:148px;height:40px;border:1px solid #D2D1D1;line-height:40px;text-align:center;margin-left:-1px}.J-page a:hover{background-color:#333;border:1px solid #333;color:#fff}.J-page .J-name{line-height:35px;text-align:right;margin-top:3px;font-weight:700;vertical-align:bottom}.J-page .content .text,.J-page .tisText,.J-xm .title,.logo{text-align:center}.J-page .amiName{animation:opacity .5s}.J-page .J-name em{display:inline-block}.J-page .J-name em.n{font-size:16px;position:relative;margin-right:4px;font-weight:100}.J-page .tisText{position:absolute;top:50%;left:0;right:0;margin-top:-12px;height:25px}.J-ym{position:absolute;top:120px;left:50%;margin-left:-55px;width:110px;font-size:30px;font-weight:100}.J-page .tisText span{display:block;position:absolute;top:0;left:0;right:0;background-color:#fff}.J-page .tisText span.red{color:red}.logo h1 a,.logo h1 a:hover{color:#fff}.J-page .tisText span.zindex{z-index:99}.J-page .content{line-height:25px;font-size:14px;overflow:hidden;position:relative;padding:10px 0}.amiText{width:18.5em;width:36.2ch;padding-right:5px;white-space:nowrap;animation:typing 3s steps(500,end),blink-caret .3s step-end infinite alternate}.J-xm{margin:0 auto 0 -149px;width:300px;height:42px;position:absolute;bottom:120px;left:50%}.J-xm .title{display:block;width:64px;line-height:35px;padding:0 10px;margin:0 auto;font-size:14px}@font-face{font-family:fonteditor;src:url(../font/fonteditor.eot);src:url(/font/fonteditor.eot?#iefix) format("embedded-opentype"),url(/font/fonteditor.woff) format("woff"),url(/font/fonteditor.ttf) format("truetype"),url(/font/fonteditor.svg#uxfonteditor) format("svg")}.J-logo{position:relative;top:50%;margin-top:-285px}.logo,.logo-bg{position:absolute}.amiTopM{margin-top:-185px!important;transition:margin-top ease .4s}.logo-bg{width:320px;height:160px;top:20px;margin-left:-4.8em;z-index:1}.J-logo .logo-bg{width:160px;height:160px;left:50%;margin-left:-80px}.logo{width:160px;height:80px;top:60px;left:70px;margin-left:-4.8em;z-index:100}.J-logo .logo{width:80px;height:160px;top:47px;left:50%;margin-left:-40px}.logo h1{font-size:3em;line-height:1.2;font-family:fonteditor;font-weight:lighter}a:link,a:visited,body{color:#5e5e5e}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}button,input,select,textarea{border:none}body{background:#fff;font:14px/1.4 Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sub,sup{font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden}.r{float:right}.clear{height:0;clear:both}.btn.hide,.hide{display:none!important}button.hidefocus::-moz-focus-inner{border:none}a:focus{-moz-outline:none}input,textarea{outline:0}h2{font-size:20px}h3{font-size:16px;line-height:32px}h5{font-size:14px;line-height:28px} \ No newline at end of file +.J-page .J-name,.J-page a{font-size:14px;display:block}.logo h1 a,:link,:visited,ins{text-decoration:none}.J-page a,.l{float:left}.amiText,.clear{overflow:hidden}:focus,a.hidefocus,a:focus{outline:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-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);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}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(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}.bounceOut,.flipOutX{-webkit-animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@keyframes typing{from{width:0}}@keyframes blink-caret{50%{border-color:transparent}}@keyframes opacity{from{opacity:0}to{opacity:1}}body,html{height:100%}.J-page{width:300px;position:absolute;top:50%;left:50%;margin:-106px 0 0 -150px}.hr{margin-top:10px}.J-page a{width:148px;height:40px;border:1px solid #D2D1D1;line-height:40px;text-align:center;margin-left:-1px}.J-page a:hover{background-color:#333;border:1px solid #333;color:#fff}.J-page .J-name{line-height:35px;text-align:right;margin-top:3px;font-weight:700;vertical-align:bottom}.J-page .content .text,.J-page .tisText,.J-xm .title,.logo{text-align:center}.J-page .amiName{animation:opacity .5s}.J-page .J-name em{display:inline-block}.J-page .J-name em.n{font-size:16px;position:relative;margin-right:4px;font-weight:100}.J-page .tisText{position:absolute;top:50%;left:0;right:0;margin-top:-12px;height:25px}.J-ym{position:absolute;top:120px;left:50%;margin-left:-55px;width:110px;font-size:30px;font-weight:100}.J-page .tisText span{display:block;position:absolute;top:0;left:0;right:0;background-color:#fff}.J-page .tisText span.red{color:red}.logo h1 a,.logo h1 a:hover{color:#fff}.J-page .tisText span.zindex{z-index:99}.J-page .content{line-height:25px;font-size:14px;overflow:hidden;position:relative;padding:10px 0}.amiText{width:18.5em;width:36.2ch;padding-right:5px;white-space:nowrap;animation:typing 3s steps(500,end),blink-caret .3s step-end infinite alternate}.J-xm{margin:0 auto 0 -149px;width:300px;height:42px;position:absolute;bottom:120px;left:50%}.J-xm .title{display:block;width:64px;line-height:35px;padding:0 10px;margin:0 auto;font-size:14px}@font-face{font-family:fonteditor;src:url(/font/fonteditor.eot);src:url(/font/fonteditor.eot?#iefix) format("embedded-opentype"),url(/font/fonteditor.woff) format("woff"),url(/font/fonteditor.ttf) format("truetype"),url(/font/fonteditor.svg#uxfonteditor) format("svg")}.J-logo{position:relative;top:50%;margin-top:-285px}.logo,.logo-bg{position:absolute}.amiTopM{margin-top:-185px!important;transition:margin-top ease .4s}.logo-bg{width:320px;height:180px;top:20px;margin-left:-4.8em;z-index:1}.J-logo .logo-bg{width:160px;height:180px;left:50%;margin-left:-80px}.logo{width:160px;height:80px;top:60px;left:70px;margin-left:-4.8em;z-index:100}.J-logo .logo{width:80px;height:160px;top:47px;left:50%;margin-left:-40px}.logo h1{font-size:3em;line-height:1.2;font-family:fonteditor;font-weight:lighter}a:link,a:visited,body{color:#5e5e5e}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}button,input,select,textarea{border:none}body{background:#fff;font:14px/1.4 Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sub,sup{font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden}.r{float:right}.clear{height:0;clear:both}.btn.hide,.hide{display:none!important}button.hidefocus::-moz-focus-inner{border:none}a:focus{-moz-outline:none}input,textarea{outline:0}h2{font-size:20px}h3{font-size:16px;line-height:32px}h5{font-size:14px;line-height:28px} \ No newline at end of file diff --git a/dist/js/base.min.1.0.0.js b/dist/js/base.min.1.0.0.js index 1e48206..8638370 100644 --- a/dist/js/base.min.1.0.0.js +++ b/dist/js/base.min.1.0.0.js @@ -1,6 +1,6 @@ /* * Junr.me 1.0.0 - * 2016-04-18 12:50:05 + * 2016-04-18 13:18:35 * Copyright (c) 2016 Licensed MIT <> */ -$(function(){var o=[],t={win:!1,mac:!1,xll:!1,ipad:!1},e=navigator.platform;t.win=0==e.indexOf("Win"),t.mac=0==e.indexOf("Mac"),t.x11="X11"==e||0==e.indexOf("Linux"),t.ipad=null!=navigator.userAgent.match(/iPad/i),$("[data-url]").on("click",function(o){var e=$(this).attr("data-url");t.win||t.mac||t.xll||t.ipad||(o.preventDefault,window.location.href=e)}),t.win||t.mac||t.xll||t.ipad;$("[data-delay]").each(function(t){var e=$(this),a=e.attr("data-class"),r=(e.attr("data-callback"),400*e.attr("data-delay"));clearTimeout(o[t]),o[t]=setTimeout(function(){e.removeClass("hide").addClass(a)},r)}),$(document).ready(function(){YugenLogo.initialize({framerate:80,width:160,height:160,colorSpeedFactor:.4,morphSpeedFactor:.4,introSpeedFactor:2,outroSpeedFactor:2,morphStrengthFactor:.8,morphBaseSpeedFactor:.2,normalOffsetFactor:1.5,maxShapeRotation:.3,wordOffsetX:0,wordOffsetY:0,wordScale:1,foregroundScaleX:.42,foregroundScaleY:.58,backgroundScaleX:.37,backgroundScaleY:.72,shadowAlpha:.1,shapeQuality:9,containerID:"logo-bg",logoCanvasID:"logo-canvas",colors:[[new YugenLogo.util.Color(250,250,250),new YugenLogo.util.Color(0,0,0)],[new YugenLogo.util.Color(0,0,0),new YugenLogo.util.Color(250,250,250)]],inputs:[YugenLogo.input.move,YugenLogo.input.press],fallbackImages:[]})})});var YugenLogo=function(window){function startLogoCanvas(){logoContext=logoCanvas.getContext("2d"),resize(),createColorQueue(),shapeForegroundColor=colorQueue[0][0].clone(),shapeBackgroundColor=colorQueue[0][1].clone(),shapeForeground=createShape(ORIGINAL_WIDTH*options.foregroundScaleX,ORIGINAL_HEIGHT*options.foregroundScaleY,.2),shapeBackground=createShape(ORIGINAL_WIDTH*options.backgroundScaleX,ORIGINAL_HEIGHT*options.backgroundScaleY,3.3),$(logoCanvas).show(),updateInterval=setInterval(loop,1e3/options.framerate),options.inputs.map(function(o){o.initialize()})}function startShadowCanvas(){shadowContext=shadowCanvas.getContext("2d"),$(shadowCanvas).css("display","block"),resize()}function startFallback(){$("img",container).show().mouseover(function(o){var t=options.fallbackImages.shift();$(this).attr("src",t),options.fallbackImages.push(t)})}function enableDebugging(){function createDebugProperty(o,t){return" "+o+": "+(t||"")+options[o]+(t||"")+",\n"}options.debug=!0;var configureScript="YugenLogo.initialize({\n";configureScript+=createDebugProperty("framerate"),configureScript+=" \n",configureScript+=createDebugProperty("width"),configureScript+=createDebugProperty("height"),configureScript+=" \n",configureScript+=createDebugProperty("colorSpeedFactor"),configureScript+=createDebugProperty("morphSpeedFactor"),configureScript+=createDebugProperty("morphStrengthFactor"),configureScript+=createDebugProperty("morphBaseSpeedFactor"),configureScript+=createDebugProperty("introSpeedFactor"),configureScript+=createDebugProperty("outroSpeedFactor"),configureScript+=createDebugProperty("normalOffsetFactor"),configureScript+=" \n",configureScript+=createDebugProperty("maxShapeRotation"),configureScript+=" \n",configureScript+=createDebugProperty("wordOffsetX"),configureScript+=createDebugProperty("wordOffsetY"),configureScript+=createDebugProperty("wordScale"),configureScript+=" \n",configureScript+=createDebugProperty("foregroundScaleX"),configureScript+=createDebugProperty("foregroundScaleY"),configureScript+=createDebugProperty("backgroundScaleX"),configureScript+=createDebugProperty("backgroundScaleY"),configureScript+=" \n",configureScript+=createDebugProperty("shadowAlpha"),configureScript+=" \n",configureScript+=createDebugProperty("shapeQuality"),configureScript+=" \n",configureScript+=createDebugProperty("containerID",'"'),configureScript+=createDebugProperty("logoCanvasID",'"'),configureScript+=createDebugProperty("shadowCanvasID",'"'),configureScript+=" \n",configureScript+=" colors: [\n",configureScript+=" // Foreground: Background: \n";for(var i=0;i.3&&(a-=n+Math.random()*n,1==shapeTemplate?t%2==0?r+=i+Math.random()*i:r-=i+Math.random()*i:2==shapeTemplate?t%2==0?r-=i+Math.random()*i:r+=i+Math.random()*i:Math.random()>.5?r-=i+Math.random()*i:r+=i+Math.random()*i);var p=t/e*Math.PI*2;return{x:Math.cos(p)*(o.radiusx*a)*scale,y:Math.sin(p)*(o.radiusy*r)*scale}}function centerOfShape(o){return{x:.5*options.width+o.offset.x*scale,y:.5*options.height+o.offset.y*scale}}function resize(o,t){options.width=o||options.width,options.height=t||options.height,scale=Math.min(options.width/ORIGINAL_WIDTH,options.height/ORIGINAL_HEIGHT),logoCanvas&&(logoCanvas.width=options.width,logoCanvas.height=options.height),shadowCanvas&&(shadowCanvas.width=options.width,shadowCanvas.height=options.height*SHADOW_SCALE_Y)}function loop(){tilt.current+=.2*(tilt.target-tilt.current),turboColorSpeedFactor+=(1-turboColorSpeedFactor)*TURBO_DECAY,turboMorphSpeedFactor+=(1-turboMorphSpeedFactor)*TURBO_DECAY,turboMorphStrengthFactor+=(1-turboMorphStrengthFactor)*TURBO_DECAY,updateColor(),updatePerformance(),updateShape(shapeForeground),updateShape(shapeBackground),renderLogo(),renderShadow()}function updatePerformance(){var o=(new Date).getTime();performance.frameCount++,o>performance.lastSecond+1e3&&(performance.fps=Math.max(Math.min(Math.round(1e3*performance.frameCount/(o-performance.lastSecond)),options.framerate),1),performance.factor=Math.min(ORIGINAL_FRAMERATE/options.framerate,1)+(1-performance.fps/ORIGINAL_FRAMERATE),performance.lastSecond=o,performance.frameCount=0)}function updateColor(){var o=colorQueue[0][0],t=colorQueue[0][1];shapeForegroundColor.approach(o,.015*options.colorSpeedFactor*performance.factor*turboColorSpeedFactor),shapeBackgroundColor.approach(t,.015*options.colorSpeedFactor*performance.factor*turboColorSpeedFactor);var e=shapeForegroundColor.isWithinRangeOf(.1*options.colorSpeedFactor*turboColorSpeedFactor,o),a=shapeBackgroundColor.isWithinRangeOf(.1*options.colorSpeedFactor*turboColorSpeedFactor,t);e&&a&&(colorQueue.shift(),colorQueue[0]||createColorQueue()),alpha=visible?Math.min(alpha+.01*options.introSpeedFactor,1):Math.max(alpha-.01*options.outroSpeedFactor,0)}function updateShape(o){o.offset.x+=.1*(o.offset.tx-o.offset.x),o.offset.y+=.1*(o.offset.ty-o.offset.y);for(var t=0,e=o.points.length;e>t;t++){p1=YugenLogo.util.getLoopedArrayElement(o.points,t),shapeBounds.left=Math.min(shapeBounds.left,p1.x),shapeBounds.right=Math.max(shapeBounds.right,p1.x);var a=options.morphSpeedFactor;switch(p1.state){case INTRO_STATE:a=options.introSpeedFactor;break;case OUTRO_STATE:a=options.outroSpeedFactor}p1.normal.x+=.01*(p1.normalTarget.x-p1.normal.x),p1.normal.y+=.01*(p1.normalTarget.y-p1.normal.y),p1.x+=(p1.target.x-p1.x)*p1.speed*a*performance.factor*turboMorphSpeedFactor,p1.y+=(p1.target.y-p1.y)*p1.speed*a*performance.factor*turboMorphSpeedFactor,p1.x+=p1.velocity.x,p1.y+=p1.velocity.y,p1.velocity.x*=FRICTION,p1.velocity.y*=FRICTION,YugenLogo.util.distanceBetween(p1,p1.normal)>MORPH_RANGE2&&(p1.velocity.x*=Math.pow(FRICTION,16),p1.velocity.y*=Math.pow(FRICTION,16)),Math.abs(p1.x-p1.target.x)<1&&p1.state!==OUTRO_STATE&&(p1.target.x=p1.normal.x,p1.target.x+=(-MORPH_RANGE+Math.random()*MORPH_RANGE2)*options.morphStrengthFactor*turboMorphStrengthFactor*scale,p1.state=MORPH_STATE),Math.abs(p1.y-p1.target.y)<1&&p1.state!==OUTRO_STATE&&(p1.target.y=p1.normal.y,p1.target.y+=(-MORPH_RANGE+Math.random()*MORPH_RANGE2)*options.morphStrengthFactor*turboMorphStrengthFactor*scale,p1.state=MORPH_STATE),Math.abs(p1.normal.x-p1.normalTarget.x)<1&&Math.abs(p1.normal.y-p1.normalTarget.y)<1&&(p1.normalTarget=createShapeNormal(o,o.points.length-t,options.shapeQuality))}}function renderShadow(){if(shadowCanvas&&shadowContext){var o=shadowCanvas.width,t=shadowCanvas.height,e=1+Math.abs(shapeBounds.right-shapeBounds.left)/options.width,a=.2;(Math.abs(shapeBounds.left)-Math.abs(shapeBounds.right))/2;shadowContext.clearRect(0,0,o,t),shadowContext.save(),shadowContext.globalAlpha=alpha,shadowContext.translate(-(o*(e-1)/2),-(t*(a-1)/2)),shadowContext.scale(e,a);var r=shadowContext.createRadialGradient(.5*o,.5*t,0,.5*o,.5*t,t/2);r.addColorStop(.3,"rgba(0, 0, 0, "+options.shadowAlpha+")"),r.addColorStop(1,"rgba(0, 0, 0, 0.0)"),shadowContext.fillStyle=r,shadowContext.fillRect(0,0,o,t),shadowContext.restore()}}function renderLogo(){shapeBounds.left=options.width,shapeBounds.right=0,logoContext.clearRect(0,0,options.width,options.height),logoContext.save(),logoContext.globalAlpha=alpha,logoContext.save(),0===tilt.current&&tilt.target===tilt.current||(logoContext.translate(Math.round(.5*options.width),Math.round(.5*options.height)),logoContext.rotate(tilt.current),logoContext.translate(-Math.round(.5*options.width),-Math.round(.5*options.height))),renderShape(shapeForeground,shapeForegroundColor),logoContext.save(),logoContext.globalCompositeOperation="source-atop",renderShape(shapeBackground,new YugenLogo.util.Color(0,0,0,.5)),logoContext.globalCompositeOperation="destination-over",renderShape(shapeBackground,shapeBackgroundColor),logoContext.restore(),logoContext.restore(),logoContext.restore()}function renderWord(){logoContext.save(),logoContext.globalAlpha=alpha;var o=ORIGINAL_WORD_WIDTH*scale*options.wordScale,t=ORIGINAL_WORD_HEIGHT*scale*options.wordScale,e=Math.round(.5*(options.width-o))+options.wordOffsetX*scale,a=Math.round(.5*(options.height-t))+options.wordOffsetY*scale;logoContext.drawImage(wordImage.get(0),e,a,o,t),logoContext.restore()}function renderShape(o,t){var e=centerOfShape(o);logoContext.save(),logoContext.translate(e.x,e.y),logoContext.rotate(o.rotation),logoContext.beginPath();var a=YugenLogo.util.getLoopedArrayElement(o.points,-1),r=YugenLogo.util.getLoopedArrayElement(o.points,0);logoContext.moveTo(a.x+(r.x-a.x)/2,a.y+(r.y-a.y)/2);for(var n=0,i=o.points.length;i>=n;n++)a=YugenLogo.util.getLoopedArrayElement(o.points,n),r=YugenLogo.util.getLoopedArrayElement(o.points,n+1),logoContext.quadraticCurveTo(a.x,a.y,a.x+(r.x-a.x)/2,a.y+(r.y-a.y)/2);logoContext.fillStyle=t.toRGBAString(),logoContext.fill(),logoContext.restore()}var INTRO_STATE=0,MORPH_STATE=1,OUTRO_STATE=2,ORIGINAL_WIDTH=370,ORIGINAL_HEIGHT=250,ORIGINAL_FRAMERATE=60,SHADOW_SCALE_Y=.5,ORIGINAL_WORD_WIDTH=144,ORIGINAL_WORD_HEIGHT=41,MORPH_RANGE=20,MORPH_RANGE2=2*MORPH_RANGE,TURBO_DECAY=.01,FRICTION=.95,SHAPE_OFFSET=10,PARALLAX_AMOUNT=10,IS_TOUCH_DEVICE=!!(navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPod/i)),API={util:{},input:{}},document=window.document,initialized=!1,options={containerID:"yugen-logo",logoCanvasID:"yugen-logo-canvas",shadowCanvasID:null,wordImageURL:"images/yugen-word.png",wordOffsetX:-25,wordOffsetY:0,wordScale:1.5,framerate:IS_TOUCH_DEVICE?30:ORIGINAL_FRAMERATE,debug:!0,width:400,height:300,foregroundScaleX:.39,foregroundScaleY:.23,backgroundScaleX:.39,backgroundScaleY:.23,maxShapeRotation:.2,colorSpeedFactor:1,introSpeedFactor:3,outroSpeedFactor:3,morphSpeedFactor:1,morphBaseSpeedFactor:.2,morphStrengthFactor:.8,normalOffsetFactor:1.5,shadowAlpha:.1,shapeQuality:9,colors:[],inputs:[],fallbackImages:[]},container=null,logoCanvas=null,logoContext=null,shadowCanvas=null,shadowContext=null,wordImage=null,updateInterval=-1,scale=1,alpha=0,turboMorphStrengthFactor=1,turboMorphSpeedFactor=1,turboColorSpeedFactor=1,visible=!0,tilt={current:0,target:0},shapeForeground=null,shapeBackground=null,shapeForegroundColor=null,shapeBackgroundColor=null,shapeBounds={left:0,right:0},colorQueue=[],colorTween=0,performance={fps:options.framerate,lastSecond:(new Date).getTime(),frameCount:0,factor:1};API.initialize=function(o){initialized?API.configure(o):(YugenLogo.util.extendObject(options,o),container=$("#"+options.containerID),logoCanvas=$("#"+options.logoCanvasID).get(0),shadowCanvas=$("#"+options.shadowCanvasID).get(0),logoCanvas&&logoCanvas.getContext?(startLogoCanvas(),shadowCanvas&&shadowCanvas.getContext&&startShadowCanvas()):startFallback(),options.debug&&enableDebugging(),initialized=!0)},API.configure=function(o){YugenLogo.util.extendObject(options,o),resize(),logoContext&&(createColorQueue(),shapeForegroundColor=colorQueue[0][0].clone(),shapeBackgroundColor=colorQueue[0][1].clone(),shapeForeground=createShape(ORIGINAL_WIDTH*options.foregroundScaleX,ORIGINAL_HEIGHT*options.foregroundScaleY,.2),shapeBackground=createShape(ORIGINAL_WIDTH*options.backgroundScaleX,ORIGINAL_HEIGHT*options.backgroundScaleY,3.3),clearInterval(updateInterval),updateInterval=setInterval(loop,1e3/options.framerate),alpha=0,API.show())},API.getOptions=function(){return options},API.getScale=function(){return scale},API.applyImpulse=function(o,t,e,a){function r(r){for(var n=centerOfShape(r),i={x:o-n.x,y:t-n.y},p=0,u=r.points.length;u>p;p++){var c=r.points[p],s=YugenLogo.util.distanceBetween(i,c);if(a>s){var l=1-s/a;c.velocity.x+=(c.x-i.x)/options.width*e*l,c.velocity.y+=(c.y-i.y)/options.height*e*l}}}r(shapeForeground),r(shapeBackground)},API.applyForce=function(o,t,e,a,r){function n(n){for(var i=centerOfShape(n),p={x:o-i.x,y:t-i.y},u=0,c=n.points.length;c>u;u++){var s=n.points[u],l=YugenLogo.util.distanceBetween(p,s);if(r>l){var g=1-l/r;s.velocity.x+=e*g*scale,s.velocity.y+=a*g*scale}}}n(shapeForeground),n(shapeBackground)},API.applyParallax=function(o,t,e,a){shapeForeground.offset.tx=Math.cos(shapeForeground.offset.angle)*PARALLAX_AMOUNT+o,shapeForeground.offset.ty=Math.sin(shapeForeground.offset.angle)*PARALLAX_AMOUNT+t,shapeBackground.offset.tx=Math.cos(shapeBackground.offset.angle)*PARALLAX_AMOUNT+e,shapeBackground.offset.ty=Math.sin(shapeBackground.offset.angle)*PARALLAX_AMOUNT+a},API.applyTilt=function(o){tilt.target=o},API.applyTurbo=function(o,t,e){turboMorphStrengthFactor=o,turboMorphSpeedFactor=t,turboColorSpeedFactor=e},API.changeColor=function(){colorQueue.shift(),colorQueue[0]||createColorQueue()},API.show=function(){visible=!0;var o=shapeForeground.points.concat(shapeBackground.points);o.map(function(o){o.state=INTRO_STATE,o.target.x=o.normal.x,o.target.y=o.normal.y})},API.hide=function(){visible=!1;var o=shapeForeground.points.concat(shapeBackground.points);o.map(function(o){o.state=OUTRO_STATE,o.target.x=0,o.target.y=0})};var shapeTemplate=1+Math.floor(3*Math.random());return API}(window);YugenLogo.util.extendObject=function(o,t){for(var e in t)o[e]=t[e]},YugenLogo.util.distanceBetween=function(o,t){var e=o.x-t.x,a=o.y-t.y;return Math.sqrt(e*e+a*a)},YugenLogo.util.randomBetween=function(o,t,e){var a=o+Math.random()*(t-o);return void 0!==absMin&&o<-absMin&&t>absMin&&(a=Math.random()>.5?absMin+Math.random()*(t-absMin):-absMin+Math.random()*(o+absMin)),a},YugenLogo.util.getLoopedArrayElement=function(o,t){if(o[t])return o[t];var e=o.length;return t>e-1?o[t-e]:0>t?o[e+t]:void 0},YugenLogo.util.Color=function(o,t,e,a){this.r=o||0,this.g=t||0,this.b=e||0,this.a=a||1},YugenLogo.util.Color.prototype.approach=function(o,t){this.r+=(o.r-this.r)*t,this.g+=(o.g-this.g)*t,this.b+=(o.b-this.b)*t,this.a+=(o.a-this.a)*t},YugenLogo.util.Color.prototype.isWithinRangeOf=function(o,t){return Math.abs(this.r-t.r)this.left&&othis.top&&t>>0;if("function"!=typeof o)throw new TypeError;for(var e=new Array(t),a=arguments[1],r=0;t>r;r++)r in this&&(e[r]=o.call(a,this[r],r,this));return e}),YugenLogo.input.move=function(o){function t(o){u.x=o.clientX,u.y=o.clientY,a(),r(),u.previousX=u.x,u.previousY=u.y}function e(o){u.x=o.touches[0].pageX,u.y=o.touches[0].pageY,a(),u.previousX=u.x,u.previousY=u.y}function a(){var t={x:u.x-u.previousX,y:u.y-u.previousY},e={x:t.x/o.innerWidth,y:t.y/o.innerHeight},a={x:u.x-c.position().left,y:u.y-c.position().top};YugenLogo.applyForce(a.x,a.y,e.x*p,e.y*p,i)}function r(){var t=(-.5+u.x/o.innerWidth)*n,e=(-.5+u.y/o.innerHeight)*n,a=.2*t,r=.2*e;YugenLogo.applyParallax(t,e,a,r)}var n=(o.document,14),i=60,p=30,u={x:0,y:0,previousX:0,previousY:0},c=null;return{initialize:function(){addEventListener("mousemove",t,!1),addEventListener("touchmove",e,!1),c=$("#"+YugenLogo.getOptions().logoCanvasID)}}}(window),YugenLogo.input.press=function(o){function t(o){l.x=o.clientX,l.y=o.clientY,p(c),YugenLogo.changeColor(),g=setInterval(e,200),e()}function e(){YugenLogo.applyTurbo(1,3,4)}function a(o){clearInterval(g)}function r(o){o.touches[0]&&(l.x=o.touches[0].pageX,l.y=o.touches[0].pageY,p(s),YugenLogo.changeColor(),g=setInterval(n,200),n(),o.preventDefault())}function n(){YugenLogo.applyTurbo(1,5,4)}function i(o){clearInterval(g)}function p(o){var t={x:l.x-h.position().left,y:l.y-h.position().top},e=YugenLogo.getScale();YugenLogo.applyImpulse(t.x,t.y,o*e,u*e)}var u=(o.document,150),c=20,s=40,l={x:0,y:0},g=-1,h=null;return{initialize:function(){h=$("#"+YugenLogo.getOptions().logoCanvasID),h.get(0).addEventListener("mousedown",t,!1),addEventListener("mouseup",a,!1),h.get(0).addEventListener("touchstart",r,!1),addEventListener("touchend",i,!1)}}}(window),YugenLogo.input.orientation=function(o){function t(o){var t=(o.beta,o.gamma);YugenLogo.applyTilt(-1*t/180*r)}function e(o){var t=(-o.accelerationIncludingGravity.y,o.accelerationIncludingGravity.x);return YugenLogo.applyTilt(-1*t/180*a),o.preventDefault(),!1}var a=(o.document,8),r=4;return{initialize:function(){addEventListener("deviceorientation",t,!1),addEventListener("devicemotion",e,!1)}}}(window); \ No newline at end of file +$(function(){var o=[],t={win:!1,mac:!1,xll:!1,ipad:!1},e=navigator.platform;t.win=0==e.indexOf("Win"),t.mac=0==e.indexOf("Mac"),t.x11="X11"==e||0==e.indexOf("Linux"),t.ipad=null!=navigator.userAgent.match(/iPad/i),$("[data-url]").on("click",function(o){var e=$(this).attr("data-url");t.win||t.mac||t.xll||t.ipad||(o.preventDefault,window.location.href=e)}),t.win||t.mac||t.xll||t.ipad;$("[data-delay]").each(function(t){var e=$(this),a=e.attr("data-class"),r=(e.attr("data-callback"),400*e.attr("data-delay"));clearTimeout(o[t]),o[t]=setTimeout(function(){e.removeClass("hide").addClass(a)},r)}),$(document).ready(function(){YugenLogo.initialize({framerate:80,width:160,height:180,colorSpeedFactor:.4,morphSpeedFactor:.4,introSpeedFactor:2,outroSpeedFactor:2,morphStrengthFactor:.8,morphBaseSpeedFactor:.2,normalOffsetFactor:1.5,maxShapeRotation:.3,wordOffsetX:0,wordOffsetY:0,wordScale:1,foregroundScaleX:.42,foregroundScaleY:.58,backgroundScaleX:.37,backgroundScaleY:.72,shadowAlpha:.1,shapeQuality:9,containerID:"logo-bg",logoCanvasID:"logo-canvas",colors:[[new YugenLogo.util.Color(250,250,250),new YugenLogo.util.Color(0,0,0)],[new YugenLogo.util.Color(0,0,0),new YugenLogo.util.Color(250,250,250)]],inputs:[YugenLogo.input.move,YugenLogo.input.press],fallbackImages:[]})})});var YugenLogo=function(window){function startLogoCanvas(){logoContext=logoCanvas.getContext("2d"),resize(),createColorQueue(),shapeForegroundColor=colorQueue[0][0].clone(),shapeBackgroundColor=colorQueue[0][1].clone(),shapeForeground=createShape(ORIGINAL_WIDTH*options.foregroundScaleX,ORIGINAL_HEIGHT*options.foregroundScaleY,.2),shapeBackground=createShape(ORIGINAL_WIDTH*options.backgroundScaleX,ORIGINAL_HEIGHT*options.backgroundScaleY,3.3),$(logoCanvas).show(),updateInterval=setInterval(loop,1e3/options.framerate),options.inputs.map(function(o){o.initialize()})}function startShadowCanvas(){shadowContext=shadowCanvas.getContext("2d"),$(shadowCanvas).css("display","block"),resize()}function startFallback(){$("img",container).show().mouseover(function(o){var t=options.fallbackImages.shift();$(this).attr("src",t),options.fallbackImages.push(t)})}function enableDebugging(){function createDebugProperty(o,t){return" "+o+": "+(t||"")+options[o]+(t||"")+",\n"}options.debug=!0;var configureScript="YugenLogo.initialize({\n";configureScript+=createDebugProperty("framerate"),configureScript+=" \n",configureScript+=createDebugProperty("width"),configureScript+=createDebugProperty("height"),configureScript+=" \n",configureScript+=createDebugProperty("colorSpeedFactor"),configureScript+=createDebugProperty("morphSpeedFactor"),configureScript+=createDebugProperty("morphStrengthFactor"),configureScript+=createDebugProperty("morphBaseSpeedFactor"),configureScript+=createDebugProperty("introSpeedFactor"),configureScript+=createDebugProperty("outroSpeedFactor"),configureScript+=createDebugProperty("normalOffsetFactor"),configureScript+=" \n",configureScript+=createDebugProperty("maxShapeRotation"),configureScript+=" \n",configureScript+=createDebugProperty("wordOffsetX"),configureScript+=createDebugProperty("wordOffsetY"),configureScript+=createDebugProperty("wordScale"),configureScript+=" \n",configureScript+=createDebugProperty("foregroundScaleX"),configureScript+=createDebugProperty("foregroundScaleY"),configureScript+=createDebugProperty("backgroundScaleX"),configureScript+=createDebugProperty("backgroundScaleY"),configureScript+=" \n",configureScript+=createDebugProperty("shadowAlpha"),configureScript+=" \n",configureScript+=createDebugProperty("shapeQuality"),configureScript+=" \n",configureScript+=createDebugProperty("containerID",'"'),configureScript+=createDebugProperty("logoCanvasID",'"'),configureScript+=createDebugProperty("shadowCanvasID",'"'),configureScript+=" \n",configureScript+=" colors: [\n",configureScript+=" // Foreground: Background: \n";for(var i=0;i.3&&(a-=n+Math.random()*n,1==shapeTemplate?t%2==0?r+=i+Math.random()*i:r-=i+Math.random()*i:2==shapeTemplate?t%2==0?r-=i+Math.random()*i:r+=i+Math.random()*i:Math.random()>.5?r-=i+Math.random()*i:r+=i+Math.random()*i);var p=t/e*Math.PI*2;return{x:Math.cos(p)*(o.radiusx*a)*scale,y:Math.sin(p)*(o.radiusy*r)*scale}}function centerOfShape(o){return{x:.5*options.width+o.offset.x*scale,y:.5*options.height+o.offset.y*scale}}function resize(o,t){options.width=o||options.width,options.height=t||options.height,scale=Math.min(options.width/ORIGINAL_WIDTH,options.height/ORIGINAL_HEIGHT),logoCanvas&&(logoCanvas.width=options.width,logoCanvas.height=options.height),shadowCanvas&&(shadowCanvas.width=options.width,shadowCanvas.height=options.height*SHADOW_SCALE_Y)}function loop(){tilt.current+=.2*(tilt.target-tilt.current),turboColorSpeedFactor+=(1-turboColorSpeedFactor)*TURBO_DECAY,turboMorphSpeedFactor+=(1-turboMorphSpeedFactor)*TURBO_DECAY,turboMorphStrengthFactor+=(1-turboMorphStrengthFactor)*TURBO_DECAY,updateColor(),updatePerformance(),updateShape(shapeForeground),updateShape(shapeBackground),renderLogo(),renderShadow()}function updatePerformance(){var o=(new Date).getTime();performance.frameCount++,o>performance.lastSecond+1e3&&(performance.fps=Math.max(Math.min(Math.round(1e3*performance.frameCount/(o-performance.lastSecond)),options.framerate),1),performance.factor=Math.min(ORIGINAL_FRAMERATE/options.framerate,1)+(1-performance.fps/ORIGINAL_FRAMERATE),performance.lastSecond=o,performance.frameCount=0)}function updateColor(){var o=colorQueue[0][0],t=colorQueue[0][1];shapeForegroundColor.approach(o,.015*options.colorSpeedFactor*performance.factor*turboColorSpeedFactor),shapeBackgroundColor.approach(t,.015*options.colorSpeedFactor*performance.factor*turboColorSpeedFactor);var e=shapeForegroundColor.isWithinRangeOf(.1*options.colorSpeedFactor*turboColorSpeedFactor,o),a=shapeBackgroundColor.isWithinRangeOf(.1*options.colorSpeedFactor*turboColorSpeedFactor,t);e&&a&&(colorQueue.shift(),colorQueue[0]||createColorQueue()),alpha=visible?Math.min(alpha+.01*options.introSpeedFactor,1):Math.max(alpha-.01*options.outroSpeedFactor,0)}function updateShape(o){o.offset.x+=.1*(o.offset.tx-o.offset.x),o.offset.y+=.1*(o.offset.ty-o.offset.y);for(var t=0,e=o.points.length;e>t;t++){p1=YugenLogo.util.getLoopedArrayElement(o.points,t),shapeBounds.left=Math.min(shapeBounds.left,p1.x),shapeBounds.right=Math.max(shapeBounds.right,p1.x);var a=options.morphSpeedFactor;switch(p1.state){case INTRO_STATE:a=options.introSpeedFactor;break;case OUTRO_STATE:a=options.outroSpeedFactor}p1.normal.x+=.01*(p1.normalTarget.x-p1.normal.x),p1.normal.y+=.01*(p1.normalTarget.y-p1.normal.y),p1.x+=(p1.target.x-p1.x)*p1.speed*a*performance.factor*turboMorphSpeedFactor,p1.y+=(p1.target.y-p1.y)*p1.speed*a*performance.factor*turboMorphSpeedFactor,p1.x+=p1.velocity.x,p1.y+=p1.velocity.y,p1.velocity.x*=FRICTION,p1.velocity.y*=FRICTION,YugenLogo.util.distanceBetween(p1,p1.normal)>MORPH_RANGE2&&(p1.velocity.x*=Math.pow(FRICTION,16),p1.velocity.y*=Math.pow(FRICTION,16)),Math.abs(p1.x-p1.target.x)<1&&p1.state!==OUTRO_STATE&&(p1.target.x=p1.normal.x,p1.target.x+=(-MORPH_RANGE+Math.random()*MORPH_RANGE2)*options.morphStrengthFactor*turboMorphStrengthFactor*scale,p1.state=MORPH_STATE),Math.abs(p1.y-p1.target.y)<1&&p1.state!==OUTRO_STATE&&(p1.target.y=p1.normal.y,p1.target.y+=(-MORPH_RANGE+Math.random()*MORPH_RANGE2)*options.morphStrengthFactor*turboMorphStrengthFactor*scale,p1.state=MORPH_STATE),Math.abs(p1.normal.x-p1.normalTarget.x)<1&&Math.abs(p1.normal.y-p1.normalTarget.y)<1&&(p1.normalTarget=createShapeNormal(o,o.points.length-t,options.shapeQuality))}}function renderShadow(){if(shadowCanvas&&shadowContext){var o=shadowCanvas.width,t=shadowCanvas.height,e=1+Math.abs(shapeBounds.right-shapeBounds.left)/options.width,a=.2;(Math.abs(shapeBounds.left)-Math.abs(shapeBounds.right))/2;shadowContext.clearRect(0,0,o,t),shadowContext.save(),shadowContext.globalAlpha=alpha,shadowContext.translate(-(o*(e-1)/2),-(t*(a-1)/2)),shadowContext.scale(e,a);var r=shadowContext.createRadialGradient(.5*o,.5*t,0,.5*o,.5*t,t/2);r.addColorStop(.3,"rgba(0, 0, 0, "+options.shadowAlpha+")"),r.addColorStop(1,"rgba(0, 0, 0, 0.0)"),shadowContext.fillStyle=r,shadowContext.fillRect(0,0,o,t),shadowContext.restore()}}function renderLogo(){shapeBounds.left=options.width,shapeBounds.right=0,logoContext.clearRect(0,0,options.width,options.height),logoContext.save(),logoContext.globalAlpha=alpha,logoContext.save(),0===tilt.current&&tilt.target===tilt.current||(logoContext.translate(Math.round(.5*options.width),Math.round(.5*options.height)),logoContext.rotate(tilt.current),logoContext.translate(-Math.round(.5*options.width),-Math.round(.5*options.height))),renderShape(shapeForeground,shapeForegroundColor),logoContext.save(),logoContext.globalCompositeOperation="source-atop",renderShape(shapeBackground,new YugenLogo.util.Color(0,0,0,.5)),logoContext.globalCompositeOperation="destination-over",renderShape(shapeBackground,shapeBackgroundColor),logoContext.restore(),logoContext.restore(),logoContext.restore()}function renderWord(){logoContext.save(),logoContext.globalAlpha=alpha;var o=ORIGINAL_WORD_WIDTH*scale*options.wordScale,t=ORIGINAL_WORD_HEIGHT*scale*options.wordScale,e=Math.round(.5*(options.width-o))+options.wordOffsetX*scale,a=Math.round(.5*(options.height-t))+options.wordOffsetY*scale;logoContext.drawImage(wordImage.get(0),e,a,o,t),logoContext.restore()}function renderShape(o,t){var e=centerOfShape(o);logoContext.save(),logoContext.translate(e.x,e.y),logoContext.rotate(o.rotation),logoContext.beginPath();var a=YugenLogo.util.getLoopedArrayElement(o.points,-1),r=YugenLogo.util.getLoopedArrayElement(o.points,0);logoContext.moveTo(a.x+(r.x-a.x)/2,a.y+(r.y-a.y)/2);for(var n=0,i=o.points.length;i>=n;n++)a=YugenLogo.util.getLoopedArrayElement(o.points,n),r=YugenLogo.util.getLoopedArrayElement(o.points,n+1),logoContext.quadraticCurveTo(a.x,a.y,a.x+(r.x-a.x)/2,a.y+(r.y-a.y)/2);logoContext.fillStyle=t.toRGBAString(),logoContext.fill(),logoContext.restore()}var INTRO_STATE=0,MORPH_STATE=1,OUTRO_STATE=2,ORIGINAL_WIDTH=370,ORIGINAL_HEIGHT=250,ORIGINAL_FRAMERATE=60,SHADOW_SCALE_Y=.5,ORIGINAL_WORD_WIDTH=144,ORIGINAL_WORD_HEIGHT=41,MORPH_RANGE=20,MORPH_RANGE2=2*MORPH_RANGE,TURBO_DECAY=.01,FRICTION=.95,SHAPE_OFFSET=10,PARALLAX_AMOUNT=10,IS_TOUCH_DEVICE=!!(navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPod/i)),API={util:{},input:{}},document=window.document,initialized=!1,options={containerID:"yugen-logo",logoCanvasID:"yugen-logo-canvas",shadowCanvasID:null,wordImageURL:"images/yugen-word.png",wordOffsetX:-25,wordOffsetY:0,wordScale:1.5,framerate:IS_TOUCH_DEVICE?30:ORIGINAL_FRAMERATE,debug:!0,width:400,height:300,foregroundScaleX:.39,foregroundScaleY:.23,backgroundScaleX:.39,backgroundScaleY:.23,maxShapeRotation:.2,colorSpeedFactor:1,introSpeedFactor:3,outroSpeedFactor:3,morphSpeedFactor:1,morphBaseSpeedFactor:.2,morphStrengthFactor:.8,normalOffsetFactor:1.5,shadowAlpha:.1,shapeQuality:9,colors:[],inputs:[],fallbackImages:[]},container=null,logoCanvas=null,logoContext=null,shadowCanvas=null,shadowContext=null,wordImage=null,updateInterval=-1,scale=1,alpha=0,turboMorphStrengthFactor=1,turboMorphSpeedFactor=1,turboColorSpeedFactor=1,visible=!0,tilt={current:0,target:0},shapeForeground=null,shapeBackground=null,shapeForegroundColor=null,shapeBackgroundColor=null,shapeBounds={left:0,right:0},colorQueue=[],colorTween=0,performance={fps:options.framerate,lastSecond:(new Date).getTime(),frameCount:0,factor:1};API.initialize=function(o){initialized?API.configure(o):(YugenLogo.util.extendObject(options,o),container=$("#"+options.containerID),logoCanvas=$("#"+options.logoCanvasID).get(0),shadowCanvas=$("#"+options.shadowCanvasID).get(0),logoCanvas&&logoCanvas.getContext?(startLogoCanvas(),shadowCanvas&&shadowCanvas.getContext&&startShadowCanvas()):startFallback(),options.debug&&enableDebugging(),initialized=!0)},API.configure=function(o){YugenLogo.util.extendObject(options,o),resize(),logoContext&&(createColorQueue(),shapeForegroundColor=colorQueue[0][0].clone(),shapeBackgroundColor=colorQueue[0][1].clone(),shapeForeground=createShape(ORIGINAL_WIDTH*options.foregroundScaleX,ORIGINAL_HEIGHT*options.foregroundScaleY,.2),shapeBackground=createShape(ORIGINAL_WIDTH*options.backgroundScaleX,ORIGINAL_HEIGHT*options.backgroundScaleY,3.3),clearInterval(updateInterval),updateInterval=setInterval(loop,1e3/options.framerate),alpha=0,API.show())},API.getOptions=function(){return options},API.getScale=function(){return scale},API.applyImpulse=function(o,t,e,a){function r(r){for(var n=centerOfShape(r),i={x:o-n.x,y:t-n.y},p=0,u=r.points.length;u>p;p++){var c=r.points[p],s=YugenLogo.util.distanceBetween(i,c);if(a>s){var l=1-s/a;c.velocity.x+=(c.x-i.x)/options.width*e*l,c.velocity.y+=(c.y-i.y)/options.height*e*l}}}r(shapeForeground),r(shapeBackground)},API.applyForce=function(o,t,e,a,r){function n(n){for(var i=centerOfShape(n),p={x:o-i.x,y:t-i.y},u=0,c=n.points.length;c>u;u++){var s=n.points[u],l=YugenLogo.util.distanceBetween(p,s);if(r>l){var g=1-l/r;s.velocity.x+=e*g*scale,s.velocity.y+=a*g*scale}}}n(shapeForeground),n(shapeBackground)},API.applyParallax=function(o,t,e,a){shapeForeground.offset.tx=Math.cos(shapeForeground.offset.angle)*PARALLAX_AMOUNT+o,shapeForeground.offset.ty=Math.sin(shapeForeground.offset.angle)*PARALLAX_AMOUNT+t,shapeBackground.offset.tx=Math.cos(shapeBackground.offset.angle)*PARALLAX_AMOUNT+e,shapeBackground.offset.ty=Math.sin(shapeBackground.offset.angle)*PARALLAX_AMOUNT+a},API.applyTilt=function(o){tilt.target=o},API.applyTurbo=function(o,t,e){turboMorphStrengthFactor=o,turboMorphSpeedFactor=t,turboColorSpeedFactor=e},API.changeColor=function(){colorQueue.shift(),colorQueue[0]||createColorQueue()},API.show=function(){visible=!0;var o=shapeForeground.points.concat(shapeBackground.points);o.map(function(o){o.state=INTRO_STATE,o.target.x=o.normal.x,o.target.y=o.normal.y})},API.hide=function(){visible=!1;var o=shapeForeground.points.concat(shapeBackground.points);o.map(function(o){o.state=OUTRO_STATE,o.target.x=0,o.target.y=0})};var shapeTemplate=1+Math.floor(3*Math.random());return API}(window);YugenLogo.util.extendObject=function(o,t){for(var e in t)o[e]=t[e]},YugenLogo.util.distanceBetween=function(o,t){var e=o.x-t.x,a=o.y-t.y;return Math.sqrt(e*e+a*a)},YugenLogo.util.randomBetween=function(o,t,e){var a=o+Math.random()*(t-o);return void 0!==absMin&&o<-absMin&&t>absMin&&(a=Math.random()>.5?absMin+Math.random()*(t-absMin):-absMin+Math.random()*(o+absMin)),a},YugenLogo.util.getLoopedArrayElement=function(o,t){if(o[t])return o[t];var e=o.length;return t>e-1?o[t-e]:0>t?o[e+t]:void 0},YugenLogo.util.Color=function(o,t,e,a){this.r=o||0,this.g=t||0,this.b=e||0,this.a=a||1},YugenLogo.util.Color.prototype.approach=function(o,t){this.r+=(o.r-this.r)*t,this.g+=(o.g-this.g)*t,this.b+=(o.b-this.b)*t,this.a+=(o.a-this.a)*t},YugenLogo.util.Color.prototype.isWithinRangeOf=function(o,t){return Math.abs(this.r-t.r)this.left&&othis.top&&t>>0;if("function"!=typeof o)throw new TypeError;for(var e=new Array(t),a=arguments[1],r=0;t>r;r++)r in this&&(e[r]=o.call(a,this[r],r,this));return e}),YugenLogo.input.move=function(o){function t(o){u.x=o.clientX,u.y=o.clientY,a(),r(),u.previousX=u.x,u.previousY=u.y}function e(o){u.x=o.touches[0].pageX,u.y=o.touches[0].pageY,a(),u.previousX=u.x,u.previousY=u.y}function a(){var t={x:u.x-u.previousX,y:u.y-u.previousY},e={x:t.x/o.innerWidth,y:t.y/o.innerHeight},a={x:u.x-c.position().left,y:u.y-c.position().top};YugenLogo.applyForce(a.x,a.y,e.x*p,e.y*p,i)}function r(){var t=(-.5+u.x/o.innerWidth)*n,e=(-.5+u.y/o.innerHeight)*n,a=.2*t,r=.2*e;YugenLogo.applyParallax(t,e,a,r)}var n=(o.document,14),i=60,p=30,u={x:0,y:0,previousX:0,previousY:0},c=null;return{initialize:function(){addEventListener("mousemove",t,!1),addEventListener("touchmove",e,!1),c=$("#"+YugenLogo.getOptions().logoCanvasID)}}}(window),YugenLogo.input.press=function(o){function t(o){l.x=o.clientX,l.y=o.clientY,p(c),YugenLogo.changeColor(),g=setInterval(e,200),e()}function e(){YugenLogo.applyTurbo(1,3,4)}function a(o){clearInterval(g)}function r(o){o.touches[0]&&(l.x=o.touches[0].pageX,l.y=o.touches[0].pageY,p(s),YugenLogo.changeColor(),g=setInterval(n,200),n(),o.preventDefault())}function n(){YugenLogo.applyTurbo(1,5,4)}function i(o){clearInterval(g)}function p(o){var t={x:l.x-h.position().left,y:l.y-h.position().top},e=YugenLogo.getScale();YugenLogo.applyImpulse(t.x,t.y,o*e,u*e)}var u=(o.document,150),c=20,s=40,l={x:0,y:0},g=-1,h=null;return{initialize:function(){h=$("#"+YugenLogo.getOptions().logoCanvasID),h.get(0).addEventListener("mousedown",t,!1),addEventListener("mouseup",a,!1),h.get(0).addEventListener("touchstart",r,!1),addEventListener("touchend",i,!1)}}}(window),YugenLogo.input.orientation=function(o){function t(o){var t=(o.beta,o.gamma);YugenLogo.applyTilt(-1*t/180*r)}function e(o){var t=(-o.accelerationIncludingGravity.y,o.accelerationIncludingGravity.x);return YugenLogo.applyTilt(-1*t/180*a),o.preventDefault(),!1}var a=(o.document,8),r=4;return{initialize:function(){addEventListener("deviceorientation",t,!1),addEventListener("devicemotion",e,!1)}}}(window); \ No newline at end of file diff --git a/js/base.js b/js/base.js index 7c7b6ac..e6ff828 100644 --- a/js/base.js +++ b/js/base.js @@ -56,7 +56,7 @@ $(function(){ framerate: 80, width: 160, - height: 160, + height: 180, colorSpeedFactor: 0.4, morphSpeedFactor: 0.4, diff --git a/sass/index.scss b/sass/index.scss index 2af47c6..ea7a9c4 100644 --- a/sass/index.scss +++ b/sass/index.scss @@ -144,7 +144,7 @@ body,html{ } .logo-bg { width: 320px; - height: 160px; + height: 180px; position: absolute; top: 20px; margin-left: -4.8em; @@ -152,7 +152,7 @@ body,html{ } .J-logo .logo-bg { width: 160px; - height: 160px; + height: 180px; left: 50%; margin-left: -80px; }