diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/main.css | 3794 |
1 files changed, 3793 insertions, 1 deletions
diff --git a/css/main.css b/css/main.css index 7415a0f..ed46d14 100644 --- a/css/main.css +++ b/css/main.css | |||
@@ -1 +1,3793 @@ | |||
1 | @charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.no-touch{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:'Mono Social Icons Font';src:url(webfonts/MonoSocialIconsFont-1.10.eot);src:url(webfonts/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'),url(webfonts/MonoSocialIconsFont-1.10.woff) format('woff'),url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype'),url(webfonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');src:url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype');font-weight:400;font-style:normal}.symbol{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}a.symbol:before{content:attr(title);margin-right:.3em;font-size:130%}.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%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(.75);-ms-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}40%{-webkit-transform:scaleX(.75) scaleY(1.25);-ms-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(.85);-ms-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(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%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.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:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.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;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-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) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0deg);-ms-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);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%{-webkit-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0deg);-ms-transform:translateX(0) skewX(0deg);transform:translateX(0) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) 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 center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-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:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(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%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(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}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(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;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-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:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-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:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}p{font-size:1.7em;line-height:120%;margin:0 auto 10px;text-align:left;font-weight:300}.lead{text-align:left;margin-bottom:20px;font-size:4em;margin-top:40px;font-weight:400;line-height:30px}small{font-size:85%}strong{font-weight:700}em{font-style:italic}cite{font-style:normal}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:adelle,proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;line-height:120%;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;line-height:1;color:#999}@media all and (max-width:500px){h1,h2,h3,h4,h5,h6{line-height:140%}}h1,h2,h3{line-height:40px}h1{font-size:56px;text-align:left;margin:0 auto 30px;line-height:100%}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:700}dd{margin-left:10px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:20px;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}pre{font-family:courier-prime,Consolas,'Courier New',Courier,Monaco,monospace;display:block;word-break:break-all;word-wrap:break-word}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden;height:100%}body{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#fff;background-color:#2b303b;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100%}a{color:#5dc5be;text-decoration:none;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in}a:hover,a:focus{color:#389d96;text-decoration:none}.bg-highlight{position:absolute;bottom:0;left:0;-ms-filter:"alpha(Opacity=20)";filter:alpha(opacity=20);opacity:.2;font-size:90%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bg-highlight span{color:#a9a9a9}.bg-highlight pre{margin:0;padding:5px}.block{position:relative;min-height:100%;margin-top:200px;text-align:center}.block p,.block h1{width:100%;max-width:600px;padding:0 10px}@media all and (max-width:500px){.block{margin-top:150px}}.favthing{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.social{float:right;margin:0 10px;list-style:none;padding:0}.social li{padding:0;margin:0 5px;display:inline-block;vertical-align:top;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.social li a{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;color:#a9a9a9;-ms-filter:"alpha(Opacity=50)";filter:alpha(opacity=50);opacity:.5;font-size:7em}.social li a:before{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;content:attr(title);margin:0;font-size:130%}.social li:hover,.social li:focus{margin-top:2em;color:#909090}@media all and (max-width:500px){.social li a{font-size:5em}}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.block{-webkit-touch-callout:all;-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;} \ No newline at end of file | 1 | @charset "UTF-8"; |
2 | article, | ||
3 | aside, | ||
4 | details, | ||
5 | figcaption, | ||
6 | figure, | ||
7 | footer, | ||
8 | header, | ||
9 | hgroup, | ||
10 | main, | ||
11 | nav, | ||
12 | section, | ||
13 | summary { | ||
14 | display: block | ||
15 | } | ||
16 | |||
17 | audio, | ||
18 | canvas, | ||
19 | video { | ||
20 | display: inline-block | ||
21 | } | ||
22 | |||
23 | audio:not([controls]) { | ||
24 | display: none; | ||
25 | height: 0 | ||
26 | } | ||
27 | |||
28 | [hidden], | ||
29 | template { | ||
30 | display: none | ||
31 | } | ||
32 | |||
33 | html { | ||
34 | font-family: sans-serif; | ||
35 | -ms-text-size-adjust: 100%; | ||
36 | -webkit-text-size-adjust: 100% | ||
37 | } | ||
38 | |||
39 | body { | ||
40 | margin: 0 | ||
41 | } | ||
42 | |||
43 | a { | ||
44 | background: 0 0 | ||
45 | } | ||
46 | |||
47 | a:focus { | ||
48 | outline: thin dotted | ||
49 | } | ||
50 | |||
51 | a:active, | ||
52 | a:hover { | ||
53 | outline: 0 | ||
54 | } | ||
55 | |||
56 | h1 { | ||
57 | font-size: 2em; | ||
58 | margin: .67em 0 | ||
59 | } | ||
60 | |||
61 | abbr[title] { | ||
62 | border-bottom: 1px dotted | ||
63 | } | ||
64 | |||
65 | b, | ||
66 | strong { | ||
67 | font-weight: 700 | ||
68 | } | ||
69 | |||
70 | dfn { | ||
71 | font-style: italic | ||
72 | } | ||
73 | |||
74 | hr { | ||
75 | -moz-box-sizing: content-box; | ||
76 | box-sizing: content-box; | ||
77 | height: 0 | ||
78 | } | ||
79 | |||
80 | mark { | ||
81 | background: #ff0; | ||
82 | color: #000 | ||
83 | } | ||
84 | |||
85 | code, | ||
86 | kbd, | ||
87 | pre, | ||
88 | samp { | ||
89 | font-family: monospace, serif; | ||
90 | font-size: 1em | ||
91 | } | ||
92 | |||
93 | pre { | ||
94 | white-space: pre-wrap | ||
95 | } | ||
96 | |||
97 | q { | ||
98 | quotes: "\201C" "\201D" "\2018" "\2019" | ||
99 | } | ||
100 | |||
101 | small { | ||
102 | font-size: 80% | ||
103 | } | ||
104 | |||
105 | sub, | ||
106 | sup { | ||
107 | font-size: 75%; | ||
108 | line-height: 0; | ||
109 | position: relative; | ||
110 | vertical-align: baseline | ||
111 | } | ||
112 | |||
113 | sup { | ||
114 | top: -.5em | ||
115 | } | ||
116 | |||
117 | sub { | ||
118 | bottom: -.25em | ||
119 | } | ||
120 | |||
121 | img { | ||
122 | border: 0 | ||
123 | } | ||
124 | |||
125 | svg:not(:root) { | ||
126 | overflow: hidden | ||
127 | } | ||
128 | |||
129 | figure { | ||
130 | margin: 0 | ||
131 | } | ||
132 | |||
133 | fieldset { | ||
134 | border: 1px solid silver; | ||
135 | margin: 0 2px; | ||
136 | padding: .35em .625em .75em | ||
137 | } | ||
138 | |||
139 | legend { | ||
140 | border: 0; | ||
141 | padding: 0 | ||
142 | } | ||
143 | |||
144 | button, | ||
145 | input, | ||
146 | select, | ||
147 | textarea { | ||
148 | font-family: inherit; | ||
149 | font-size: 100%; | ||
150 | margin: 0 | ||
151 | } | ||
152 | |||
153 | button, | ||
154 | input { | ||
155 | line-height: normal | ||
156 | } | ||
157 | |||
158 | button, | ||
159 | select { | ||
160 | text-transform: none | ||
161 | } | ||
162 | |||
163 | button, | ||
164 | html input[type=button], | ||
165 | input[type=reset], | ||
166 | input[type=submit] { | ||
167 | -webkit-appearance: button; | ||
168 | cursor: pointer | ||
169 | } | ||
170 | |||
171 | button[disabled], | ||
172 | html input[disabled] { | ||
173 | cursor: default | ||
174 | } | ||
175 | |||
176 | input[type=checkbox], | ||
177 | input[type=radio] { | ||
178 | box-sizing: border-box; | ||
179 | padding: 0 | ||
180 | } | ||
181 | |||
182 | input[type=search] { | ||
183 | -webkit-appearance: textfield; | ||
184 | -moz-box-sizing: content-box; | ||
185 | -webkit-box-sizing: content-box; | ||
186 | box-sizing: content-box | ||
187 | } | ||
188 | |||
189 | input[type=search]::-webkit-search-cancel-button, | ||
190 | input[type=search]::-webkit-search-decoration { | ||
191 | -webkit-appearance: none | ||
192 | } | ||
193 | |||
194 | button::-moz-focus-inner, | ||
195 | input::-moz-focus-inner { | ||
196 | border: 0; | ||
197 | padding: 0 | ||
198 | } | ||
199 | |||
200 | textarea { | ||
201 | overflow: auto; | ||
202 | vertical-align: top | ||
203 | } | ||
204 | |||
205 | table { | ||
206 | border-collapse: collapse; | ||
207 | border-spacing: 0 | ||
208 | } | ||
209 | |||
210 | .clearfix { | ||
211 | *zoom: 1 | ||
212 | } | ||
213 | |||
214 | .clearfix:before, | ||
215 | .clearfix:after { | ||
216 | display: table; | ||
217 | content: ""; | ||
218 | line-height: 0 | ||
219 | } | ||
220 | |||
221 | .clearfix:after { | ||
222 | clear: both | ||
223 | } | ||
224 | |||
225 | .border-box { | ||
226 | -webkit-box-sizing: border-box; | ||
227 | -moz-box-sizing: border-box; | ||
228 | -ms-box-sizing: border-box; | ||
229 | -o-box-sizing: border-box; | ||
230 | box-sizing: border-box | ||
231 | } | ||
232 | |||
233 | .no-touch { | ||
234 | -webkit-touch-callout: none; | ||
235 | -webkit-user-select: none; | ||
236 | -khtml-user-select: none; | ||
237 | -moz-user-select: none; | ||
238 | -ms-user-select: none; | ||
239 | user-select: none | ||
240 | } | ||
241 | |||
242 | @font-face { | ||
243 | font-family: 'Mono Social Icons Font'; | ||
244 | src: url(webfonts/MonoSocialIconsFont-1.10.eot); | ||
245 | src: url(webfonts/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'), url(webfonts/MonoSocialIconsFont-1.10.woff) format('woff'), url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype'), url(webfonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg'); | ||
246 | src: url(webfonts/MonoSocialIconsFont-1.10.ttf) format('truetype'); | ||
247 | font-weight: 400; | ||
248 | font-style: normal | ||
249 | } | ||
250 | |||
251 | .symbol { | ||
252 | font-family: 'Mono Social Icons Font'; | ||
253 | -webkit-text-rendering: optimizeLegibility; | ||
254 | -moz-text-rendering: optimizeLegibility; | ||
255 | -ms-text-rendering: optimizeLegibility; | ||
256 | -o-text-rendering: optimizeLegibility; | ||
257 | text-rendering: optimizeLegibility; | ||
258 | -webkit-font-smoothing: antialiased; | ||
259 | -moz-font-smoothing: antialiased; | ||
260 | -ms-font-smoothing: antialiased; | ||
261 | -o-font-smoothing: antialiased; | ||
262 | font-smoothing: antialiased | ||
263 | } | ||
264 | |||
265 | a.symbol:before { | ||
266 | content: attr(title); | ||
267 | margin-right: .3em; | ||
268 | font-size: 130% | ||
269 | } | ||
270 | |||
271 | .animated { | ||
272 | -webkit-animation-duration: 1s; | ||
273 | animation-duration: 1s; | ||
274 | -webkit-animation-fill-mode: both; | ||
275 | animation-fill-mode: both | ||
276 | } | ||
277 | |||
278 | .animated.infinite { | ||
279 | -webkit-animation-iteration-count: infinite; | ||
280 | animation-iteration-count: infinite | ||
281 | } | ||
282 | |||
283 | .animated.hinge { | ||
284 | -webkit-animation-duration: 2s; | ||
285 | animation-duration: 2s | ||
286 | } | ||
287 | |||
288 | @-webkit-keyframes bounce { | ||
289 | 0%, | ||
290 | 20%, | ||
291 | 50%, | ||
292 | 80%, | ||
293 | 100% { | ||
294 | -webkit-transform: translateY(0); | ||
295 | transform: translateY(0) | ||
296 | } | ||
297 | 40% { | ||
298 | -webkit-transform: translateY(-30px); | ||
299 | transform: translateY(-30px) | ||
300 | } | ||
301 | 60% { | ||
302 | -webkit-transform: translateY(-15px); | ||
303 | transform: translateY(-15px) | ||
304 | } | ||
305 | } | ||
306 | |||
307 | @keyframes bounce { | ||
308 | 0%, | ||
309 | 20%, | ||
310 | 50%, | ||
311 | 80%, | ||
312 | 100% { | ||
313 | -webkit-transform: translateY(0); | ||
314 | -ms-transform: translateY(0); | ||
315 | transform: translateY(0) | ||
316 | } | ||
317 | 40% { | ||
318 | -webkit-transform: translateY(-30px); | ||
319 | -ms-transform: translateY(-30px); | ||
320 | transform: translateY(-30px) | ||
321 | } | ||
322 | 60% { | ||
323 | -webkit-transform: translateY(-15px); | ||
324 | -ms-transform: translateY(-15px); | ||
325 | transform: translateY(-15px) | ||
326 | } | ||
327 | } | ||
328 | |||
329 | .bounce { | ||
330 | -webkit-animation-name: bounce; | ||
331 | animation-name: bounce | ||
332 | } | ||
333 | |||
334 | @-webkit-keyframes flash { | ||
335 | 0%, | ||
336 | 50%, | ||
337 | 100% { | ||
338 | opacity: 1 | ||
339 | } | ||
340 | 25%, | ||
341 | 75% { | ||
342 | opacity: 0 | ||
343 | } | ||
344 | } | ||
345 | |||
346 | @keyframes flash { | ||
347 | 0%, | ||
348 | 50%, | ||
349 | 100% { | ||
350 | opacity: 1 | ||
351 | } | ||
352 | 25%, | ||
353 | 75% { | ||
354 | opacity: 0 | ||
355 | } | ||
356 | } | ||
357 | |||
358 | .flash { | ||
359 | -webkit-animation-name: flash; | ||
360 | animation-name: flash | ||
361 | } | ||
362 | |||
363 | @-webkit-keyframes pulse { | ||
364 | 0% { | ||
365 | -webkit-transform: scale(1); | ||
366 | transform: scale(1) | ||
367 | } | ||
368 | 50% { | ||
369 | -webkit-transform: scale(1.1); | ||
370 | transform: scale(1.1) | ||
371 | } | ||
372 | 100% { | ||
373 | -webkit-transform: scale(1); | ||
374 | transform: scale(1) | ||
375 | } | ||
376 | } | ||
377 | |||
378 | @keyframes pulse { | ||
379 | 0% { | ||
380 | -webkit-transform: scale(1); | ||
381 | -ms-transform: scale(1); | ||
382 | transform: scale(1) | ||
383 | } | ||
384 | 50% { | ||
385 | -webkit-transform: scale(1.1); | ||
386 | -ms-transform: scale(1.1); | ||
387 | transform: scale(1.1) | ||
388 | } | ||
389 | 100% { | ||
390 | -webkit-transform: scale(1); | ||
391 | -ms-transform: scale(1); | ||
392 | transform: scale(1) | ||
393 | } | ||
394 | } | ||
395 | |||
396 | .pulse { | ||
397 | -webkit-animation-name: pulse; | ||
398 | animation-name: pulse | ||
399 | } | ||
400 | |||
401 | @-webkit-keyframes rubberBand { | ||
402 | 0% { | ||
403 | -webkit-transform: scale(1); | ||
404 | transform: scale(1) | ||
405 | } | ||
406 | 30% { | ||
407 | -webkit-transform: scaleX(1.25) scaleY(.75); | ||
408 | transform: scaleX(1.25) scaleY(.75) | ||
409 | } | ||
410 | 40% { | ||
411 | -webkit-transform: scaleX(.75) scaleY(1.25); | ||
412 | transform: scaleX(.75) scaleY(1.25) | ||
413 | } | ||
414 | 60% { | ||
415 | -webkit-transform: scaleX(1.15) scaleY(.85); | ||
416 | transform: scaleX(1.15) scaleY(.85) | ||
417 | } | ||
418 | 100% { | ||
419 | -webkit-transform: scale(1); | ||
420 | transform: scale(1) | ||
421 | } | ||
422 | } | ||
423 | |||
424 | @keyframes rubberBand { | ||
425 | 0% { | ||
426 | -webkit-transform: scale(1); | ||
427 | -ms-transform: scale(1); | ||
428 | transform: scale(1) | ||
429 | } | ||
430 | 30% { | ||
431 | -webkit-transform: scaleX(1.25) scaleY(.75); | ||
432 | -ms-transform: scaleX(1.25) scaleY(.75); | ||
433 | transform: scaleX(1.25) scaleY(.75) | ||
434 | } | ||
435 | 40% { | ||
436 | -webkit-transform: scaleX(.75) scaleY(1.25); | ||
437 | -ms-transform: scaleX(.75) scaleY(1.25); | ||
438 | transform: scaleX(.75) scaleY(1.25) | ||
439 | } | ||
440 | 60% { | ||
441 | -webkit-transform: scaleX(1.15) scaleY(.85); | ||
442 | -ms-transform: scaleX(1.15) scaleY(.85); | ||
443 | transform: scaleX(1.15) scaleY(.85) | ||
444 | } | ||
445 | 100% { | ||
446 | -webkit-transform: scale(1); | ||
447 | -ms-transform: scale(1); | ||
448 | transform: scale(1) | ||
449 | } | ||
450 | } | ||
451 | |||
452 | .rubberBand { | ||
453 | -webkit-animation-name: rubberBand; | ||
454 | animation-name: rubberBand | ||
455 | } | ||
456 | |||
457 | @-webkit-keyframes shake { | ||
458 | 0%, | ||
459 | 100% { | ||
460 | -webkit-transform: translateX(0); | ||
461 | transform: translateX(0) | ||
462 | } | ||
463 | 10%, | ||
464 | 30%, | ||
465 | 50%, | ||
466 | 70%, | ||
467 | 90% { | ||
468 | -webkit-transform: translateX(-10px); | ||
469 | transform: translateX(-10px) | ||
470 | } | ||
471 | 20%, | ||
472 | 40%, | ||
473 | 60%, | ||
474 | 80% { | ||
475 | -webkit-transform: translateX(10px); | ||
476 | transform: translateX(10px) | ||
477 | } | ||
478 | } | ||
479 | |||
480 | @keyframes shake { | ||
481 | 0%, | ||
482 | 100% { | ||
483 | -webkit-transform: translateX(0); | ||
484 | -ms-transform: translateX(0); | ||
485 | transform: translateX(0) | ||
486 | } | ||
487 | 10%, | ||
488 | 30%, | ||
489 | 50%, | ||
490 | 70%, | ||
491 | 90% { | ||
492 | -webkit-transform: translateX(-10px); | ||
493 | -ms-transform: translateX(-10px); | ||
494 | transform: translateX(-10px) | ||
495 | } | ||
496 | 20%, | ||
497 | 40%, | ||
498 | 60%, | ||
499 | 80% { | ||
500 | -webkit-transform: translateX(10px); | ||
501 | -ms-transform: translateX(10px); | ||
502 | transform: translateX(10px) | ||
503 | } | ||
504 | } | ||
505 | |||
506 | .shake { | ||
507 | -webkit-animation-name: shake; | ||
508 | animation-name: shake | ||
509 | } | ||
510 | |||
511 | @-webkit-keyframes swing { | ||
512 | 20% { | ||
513 | -webkit-transform: rotate(15deg); | ||
514 | transform: rotate(15deg) | ||
515 | } | ||
516 | 40% { | ||
517 | -webkit-transform: rotate(-10deg); | ||
518 | transform: rotate(-10deg) | ||
519 | } | ||
520 | 60% { | ||
521 | -webkit-transform: rotate(5deg); | ||
522 | transform: rotate(5deg) | ||
523 | } | ||
524 | 80% { | ||
525 | -webkit-transform: rotate(-5deg); | ||
526 | transform: rotate(-5deg) | ||
527 | } | ||
528 | 100% { | ||
529 | -webkit-transform: rotate(0deg); | ||
530 | transform: rotate(0deg) | ||
531 | } | ||
532 | } | ||
533 | |||
534 | @keyframes swing { | ||
535 | 20% { | ||
536 | -webkit-transform: rotate(15deg); | ||
537 | -ms-transform: rotate(15deg); | ||
538 | transform: rotate(15deg) | ||
539 | } | ||
540 | 40% { | ||
541 | -webkit-transform: rotate(-10deg); | ||
542 | -ms-transform: rotate(-10deg); | ||
543 | transform: rotate(-10deg) | ||
544 | } | ||
545 | 60% { | ||
546 | -webkit-transform: rotate(5deg); | ||
547 | -ms-transform: rotate(5deg); | ||
548 | transform: rotate(5deg) | ||
549 | } | ||
550 | 80% { | ||
551 | -webkit-transform: rotate(-5deg); | ||
552 | -ms-transform: rotate(-5deg); | ||
553 | transform: rotate(-5deg) | ||
554 | } | ||
555 | 100% { | ||
556 | -webkit-transform: rotate(0deg); | ||
557 | -ms-transform: rotate(0deg); | ||
558 | transform: rotate(0deg) | ||
559 | } | ||
560 | } | ||
561 | |||
562 | .swing { | ||
563 | -webkit-transform-origin: top center; | ||
564 | -ms-transform-origin: top center; | ||
565 | transform-origin: top center; | ||
566 | -webkit-animation-name: swing; | ||
567 | animation-name: swing | ||
568 | } | ||
569 | |||
570 | @-webkit-keyframes tada { | ||
571 | 0% { | ||
572 | -webkit-transform: scale(1); | ||
573 | transform: scale(1) | ||
574 | } | ||
575 | 10%, | ||
576 | 20% { | ||
577 | -webkit-transform: scale(.9) rotate(-3deg); | ||
578 | transform: scale(.9) rotate(-3deg) | ||
579 | } | ||
580 | 30%, | ||
581 | 50%, | ||
582 | 70%, | ||
583 | 90% { | ||
584 | -webkit-transform: scale(1.1) rotate(3deg); | ||
585 | transform: scale(1.1) rotate(3deg) | ||
586 | } | ||
587 | 40%, | ||
588 | 60%, | ||
589 | 80% { | ||
590 | -webkit-transform: scale(1.1) rotate(-3deg); | ||
591 | transform: scale(1.1) rotate(-3deg) | ||
592 | } | ||
593 | 100% { | ||
594 | -webkit-transform: scale(1) rotate(0); | ||
595 | transform: scale(1) rotate(0) | ||
596 | } | ||
597 | } | ||
598 | |||
599 | @keyframes tada { | ||
600 | 0% { | ||
601 | -webkit-transform: scale(1); | ||
602 | -ms-transform: scale(1); | ||
603 | transform: scale(1) | ||
604 | } | ||
605 | 10%, | ||
606 | 20% { | ||
607 | -webkit-transform: scale(.9) rotate(-3deg); | ||
608 | -ms-transform: scale(.9) rotate(-3deg); | ||
609 | transform: scale(.9) rotate(-3deg) | ||
610 | } | ||
611 | 30%, | ||
612 | 50%, | ||
613 | 70%, | ||
614 | 90% { | ||
615 | -webkit-transform: scale(1.1) rotate(3deg); | ||
616 | -ms-transform: scale(1.1) rotate(3deg); | ||
617 | transform: scale(1.1) rotate(3deg) | ||
618 | } | ||
619 | 40%, | ||
620 | 60%, | ||
621 | 80% { | ||
622 | -webkit-transform: scale(1.1) rotate(-3deg); | ||
623 | -ms-transform: scale(1.1) rotate(-3deg); | ||
624 | transform: scale(1.1) rotate(-3deg) | ||
625 | } | ||
626 | 100% { | ||
627 | -webkit-transform: scale(1) rotate(0); | ||
628 | -ms-transform: scale(1) rotate(0); | ||
629 | transform: scale(1) rotate(0) | ||
630 | } | ||
631 | } | ||
632 | |||
633 | .tada { | ||
634 | -webkit-animation-name: tada; | ||
635 | animation-name: tada | ||
636 | } | ||
637 | |||
638 | @-webkit-keyframes wobble { | ||
639 | 0% { | ||
640 | -webkit-transform: translateX(0); | ||
641 | transform: translateX(0) | ||
642 | } | ||
643 | 15% { | ||
644 | -webkit-transform: translateX(-25%) rotate(-5deg); | ||
645 | transform: translateX(-25%) rotate(-5deg) | ||
646 | } | ||
647 | 30% { | ||
648 | -webkit-transform: translateX(20%) rotate(3deg); | ||
649 | transform: translateX(20%) rotate(3deg) | ||
650 | } | ||
651 | 45% { | ||
652 | -webkit-transform: translateX(-15%) rotate(-3deg); | ||
653 | transform: translateX(-15%) rotate(-3deg) | ||
654 | } | ||
655 | 60% { | ||
656 | -webkit-transform: translateX(10%) rotate(2deg); | ||
657 | transform: translateX(10%) rotate(2deg) | ||
658 | } | ||
659 | 75% { | ||
660 | -webkit-transform: translateX(-5%) rotate(-1deg); | ||
661 | transform: translateX(-5%) rotate(-1deg) | ||
662 | } | ||
663 | 100% { | ||
664 | -webkit-transform: translateX(0); | ||
665 | transform: translateX(0) | ||
666 | } | ||
667 | } | ||
668 | |||
669 | @keyframes wobble { | ||
670 | 0% { | ||
671 | -webkit-transform: translateX(0); | ||
672 | -ms-transform: translateX(0); | ||
673 | transform: translateX(0) | ||
674 | } | ||
675 | 15% { | ||
676 | -webkit-transform: translateX(-25%) rotate(-5deg); | ||
677 | -ms-transform: translateX(-25%) rotate(-5deg); | ||
678 | transform: translateX(-25%) rotate(-5deg) | ||
679 | } | ||
680 | 30% { | ||
681 | -webkit-transform: translateX(20%) rotate(3deg); | ||
682 | -ms-transform: translateX(20%) rotate(3deg); | ||
683 | transform: translateX(20%) rotate(3deg) | ||
684 | } | ||
685 | 45% { | ||
686 | -webkit-transform: translateX(-15%) rotate(-3deg); | ||
687 | -ms-transform: translateX(-15%) rotate(-3deg); | ||
688 | transform: translateX(-15%) rotate(-3deg) | ||
689 | } | ||
690 | 60% { | ||
691 | -webkit-transform: translateX(10%) rotate(2deg); | ||
692 | -ms-transform: translateX(10%) rotate(2deg); | ||
693 | transform: translateX(10%) rotate(2deg) | ||
694 | } | ||
695 | 75% { | ||
696 | -webkit-transform: translateX(-5%) rotate(-1deg); | ||
697 | -ms-transform: translateX(-5%) rotate(-1deg); | ||
698 | transform: translateX(-5%) rotate(-1deg) | ||
699 | } | ||
700 | 100% { | ||
701 | -webkit-transform: translateX(0); | ||
702 | -ms-transform: translateX(0); | ||
703 | transform: translateX(0) | ||
704 | } | ||
705 | } | ||
706 | |||
707 | .wobble { | ||
708 | -webkit-animation-name: wobble; | ||
709 | animation-name: wobble | ||
710 | } | ||
711 | |||
712 | @-webkit-keyframes bounceIn { | ||
713 | 0% { | ||
714 | opacity: 0; | ||
715 | -webkit-transform: scale(.3); | ||
716 | transform: scale(.3) | ||
717 | } | ||
718 | 50% { | ||
719 | opacity: 1; | ||
720 | -webkit-transform: scale(1.05); | ||
721 | transform: scale(1.05) | ||
722 | } | ||
723 | 70% { | ||
724 | -webkit-transform: scale(.9); | ||
725 | transform: scale(.9) | ||
726 | } | ||
727 | 100% { | ||
728 | opacity: 1; | ||
729 | -webkit-transform: scale(1); | ||
730 | transform: scale(1) | ||
731 | } | ||
732 | } | ||
733 | |||
734 | @keyframes bounceIn { | ||
735 | 0% { | ||
736 | opacity: 0; | ||
737 | -webkit-transform: scale(.3); | ||
738 | -ms-transform: scale(.3); | ||
739 | transform: scale(.3) | ||
740 | } | ||
741 | 50% { | ||
742 | opacity: 1; | ||
743 | -webkit-transform: scale(1.05); | ||
744 | -ms-transform: scale(1.05); | ||
745 | transform: scale(1.05) | ||
746 | } | ||
747 | 70% { | ||
748 | -webkit-transform: scale(.9); | ||
749 | -ms-transform: scale(.9); | ||
750 | transform: scale(.9) | ||
751 | } | ||
752 | 100% { | ||
753 | opacity: 1; | ||
754 | -webkit-transform: scale(1); | ||
755 | -ms-transform: scale(1); | ||
756 | transform: scale(1) | ||
757 | } | ||
758 | } | ||
759 | |||
760 | .bounceIn { | ||
761 | -webkit-animation-name: bounceIn; | ||
762 | animation-name: bounceIn | ||
763 | } | ||
764 | |||
765 | @-webkit-keyframes bounceInDown { | ||
766 | 0% { | ||
767 | opacity: 0; | ||
768 | -webkit-transform: translateY(-2000px); | ||
769 | transform: translateY(-2000px) | ||
770 | } | ||
771 | 60% { | ||
772 | opacity: 1; | ||
773 | -webkit-transform: translateY(30px); | ||
774 | transform: translateY(30px) | ||
775 | } | ||
776 | 80% { | ||
777 | -webkit-transform: translateY(-10px); | ||
778 | transform: translateY(-10px) | ||
779 | } | ||
780 | 100% { | ||
781 | -webkit-transform: translateY(0); | ||
782 | transform: translateY(0) | ||
783 | } | ||
784 | } | ||
785 | |||
786 | @keyframes bounceInDown { | ||
787 | 0% { | ||
788 | opacity: 0; | ||
789 | -webkit-transform: translateY(-2000px); | ||
790 | -ms-transform: translateY(-2000px); | ||
791 | transform: translateY(-2000px) | ||
792 | } | ||
793 | 60% { | ||
794 | opacity: 1; | ||
795 | -webkit-transform: translateY(30px); | ||
796 | -ms-transform: translateY(30px); | ||
797 | transform: translateY(30px) | ||
798 | } | ||
799 | 80% { | ||
800 | -webkit-transform: translateY(-10px); | ||
801 | -ms-transform: translateY(-10px); | ||
802 | transform: translateY(-10px) | ||
803 | } | ||
804 | 100% { | ||
805 | -webkit-transform: translateY(0); | ||
806 | -ms-transform: translateY(0); | ||
807 | transform: translateY(0) | ||
808 | } | ||
809 | } | ||
810 | |||
811 | .bounceInDown { | ||
812 | -webkit-animation-name: bounceInDown; | ||
813 | animation-name: bounceInDown | ||
814 | } | ||
815 | |||
816 | @-webkit-keyframes bounceInLeft { | ||
817 | 0% { | ||
818 | opacity: 0; | ||
819 | -webkit-transform: translateX(-2000px); | ||
820 | transform: translateX(-2000px) | ||
821 | } | ||
822 | 60% { | ||
823 | opacity: 1; | ||
824 | -webkit-transform: translateX(30px); | ||
825 | transform: translateX(30px) | ||
826 | } | ||
827 | 80% { | ||
828 | -webkit-transform: translateX(-10px); | ||
829 | transform: translateX(-10px) | ||
830 | } | ||
831 | 100% { | ||
832 | -webkit-transform: translateX(0); | ||
833 | transform: translateX(0) | ||
834 | } | ||
835 | } | ||
836 | |||
837 | @keyframes bounceInLeft { | ||
838 | 0% { | ||
839 | opacity: 0; | ||
840 | -webkit-transform: translateX(-2000px); | ||
841 | -ms-transform: translateX(-2000px); | ||
842 | transform: translateX(-2000px) | ||
843 | } | ||
844 | 60% { | ||
845 | opacity: 1; | ||
846 | -webkit-transform: translateX(30px); | ||
847 | -ms-transform: translateX(30px); | ||
848 | transform: translateX(30px) | ||
849 | } | ||
850 | 80% { | ||
851 | -webkit-transform: translateX(-10px); | ||
852 | -ms-transform: translateX(-10px); | ||
853 | transform: translateX(-10px) | ||
854 | } | ||
855 | 100% { | ||
856 | -webkit-transform: translateX(0); | ||
857 | -ms-transform: translateX(0); | ||
858 | transform: translateX(0) | ||
859 | } | ||
860 | } | ||
861 | |||
862 | .bounceInLeft { | ||
863 | -webkit-animation-name: bounceInLeft; | ||
864 | animation-name: bounceInLeft | ||
865 | } | ||
866 | |||
867 | @-webkit-keyframes bounceInRight { | ||
868 | 0% { | ||
869 | opacity: 0; | ||
870 | -webkit-transform: translateX(2000px); | ||
871 | transform: translateX(2000px) | ||
872 | } | ||
873 | 60% { | ||
874 | opacity: 1; | ||
875 | -webkit-transform: translateX(-30px); | ||
876 | transform: translateX(-30px) | ||
877 | } | ||
878 | 80% { | ||
879 | -webkit-transform: translateX(10px); | ||
880 | transform: translateX(10px) | ||
881 | } | ||
882 | 100% { | ||
883 | -webkit-transform: translateX(0); | ||
884 | transform: translateX(0) | ||
885 | } | ||
886 | } | ||
887 | |||
888 | @keyframes bounceInRight { | ||
889 | 0% { | ||
890 | opacity: 0; | ||
891 | -webkit-transform: translateX(2000px); | ||
892 | -ms-transform: translateX(2000px); | ||
893 | transform: translateX(2000px) | ||
894 | } | ||
895 | 60% { | ||
896 | opacity: 1; | ||
897 | -webkit-transform: translateX(-30px); | ||
898 | -ms-transform: translateX(-30px); | ||
899 | transform: translateX(-30px) | ||
900 | } | ||
901 | 80% { | ||
902 | -webkit-transform: translateX(10px); | ||
903 | -ms-transform: translateX(10px); | ||
904 | transform: translateX(10px) | ||
905 | } | ||
906 | 100% { | ||
907 | -webkit-transform: translateX(0); | ||
908 | -ms-transform: translateX(0); | ||
909 | transform: translateX(0) | ||
910 | } | ||
911 | } | ||
912 | |||
913 | .bounceInRight { | ||
914 | -webkit-animation-name: bounceInRight; | ||
915 | animation-name: bounceInRight | ||
916 | } | ||
917 | |||
918 | @-webkit-keyframes bounceInUp { | ||
919 | 0% { | ||
920 | opacity: 0; | ||
921 | -webkit-transform: translateY(2000px); | ||
922 | transform: translateY(2000px) | ||
923 | } | ||
924 | 60% { | ||
925 | opacity: 1; | ||
926 | -webkit-transform: translateY(-30px); | ||
927 | transform: translateY(-30px) | ||
928 | } | ||
929 | 80% { | ||
930 | -webkit-transform: translateY(10px); | ||
931 | transform: translateY(10px) | ||
932 | } | ||
933 | 100% { | ||
934 | -webkit-transform: translateY(0); | ||
935 | transform: translateY(0) | ||
936 | } | ||
937 | } | ||
938 | |||
939 | @keyframes bounceInUp { | ||
940 | 0% { | ||
941 | opacity: 0; | ||
942 | -webkit-transform: translateY(2000px); | ||
943 | -ms-transform: translateY(2000px); | ||
944 | transform: translateY(2000px) | ||
945 | } | ||
946 | 60% { | ||
947 | opacity: 1; | ||
948 | -webkit-transform: translateY(-30px); | ||
949 | -ms-transform: translateY(-30px); | ||
950 | transform: translateY(-30px) | ||
951 | } | ||
952 | 80% { | ||
953 | -webkit-transform: translateY(10px); | ||
954 | -ms-transform: translateY(10px); | ||
955 | transform: translateY(10px) | ||
956 | } | ||
957 | 100% { | ||
958 | -webkit-transform: translateY(0); | ||
959 | -ms-transform: translateY(0); | ||
960 | transform: translateY(0) | ||
961 | } | ||
962 | } | ||
963 | |||
964 | .bounceInUp { | ||
965 | -webkit-animation-name: bounceInUp; | ||
966 | animation-name: bounceInUp | ||
967 | } | ||
968 | |||
969 | @-webkit-keyframes bounceOut { | ||
970 | 0% { | ||
971 | -webkit-transform: scale(1); | ||
972 | transform: scale(1) | ||
973 | } | ||
974 | 25% { | ||
975 | -webkit-transform: scale(.95); | ||
976 | transform: scale(.95) | ||
977 | } | ||
978 | 50% { | ||
979 | opacity: 1; | ||
980 | -webkit-transform: scale(1.1); | ||
981 | transform: scale(1.1) | ||
982 | } | ||
983 | 100% { | ||
984 | opacity: 0; | ||
985 | -webkit-transform: scale(.3); | ||
986 | transform: scale(.3) | ||
987 | } | ||
988 | } | ||
989 | |||
990 | @keyframes bounceOut { | ||
991 | 0% { | ||
992 | -webkit-transform: scale(1); | ||
993 | -ms-transform: scale(1); | ||
994 | transform: scale(1) | ||
995 | } | ||
996 | 25% { | ||
997 | -webkit-transform: scale(.95); | ||
998 | -ms-transform: scale(.95); | ||
999 | transform: scale(.95) | ||
1000 | } | ||
1001 | 50% { | ||
1002 | opacity: 1; | ||
1003 | -webkit-transform: scale(1.1); | ||
1004 | -ms-transform: scale(1.1); | ||
1005 | transform: scale(1.1) | ||
1006 | } | ||
1007 | 100% { | ||
1008 | opacity: 0; | ||
1009 | -webkit-transform: scale(.3); | ||
1010 | -ms-transform: scale(.3); | ||
1011 | transform: scale(.3) | ||
1012 | } | ||
1013 | } | ||
1014 | |||
1015 | .bounceOut { | ||
1016 | -webkit-animation-name: bounceOut; | ||
1017 | animation-name: bounceOut | ||
1018 | } | ||
1019 | |||
1020 | @-webkit-keyframes bounceOutDown { | ||
1021 | 0% { | ||
1022 | -webkit-transform: translateY(0); | ||
1023 | transform: translateY(0) | ||
1024 | } | ||
1025 | 20% { | ||
1026 | opacity: 1; | ||
1027 | -webkit-transform: translateY(-20px); | ||
1028 | transform: translateY(-20px) | ||
1029 | } | ||
1030 | 100% { | ||
1031 | opacity: 0; | ||
1032 | -webkit-transform: translateY(2000px); | ||
1033 | transform: translateY(2000px) | ||
1034 | } | ||
1035 | } | ||
1036 | |||
1037 | @keyframes bounceOutDown { | ||
1038 | 0% { | ||
1039 | -webkit-transform: translateY(0); | ||
1040 | -ms-transform: translateY(0); | ||
1041 | transform: translateY(0) | ||
1042 | } | ||
1043 | 20% { | ||
1044 | opacity: 1; | ||
1045 | -webkit-transform: translateY(-20px); | ||
1046 | -ms-transform: translateY(-20px); | ||
1047 | transform: translateY(-20px) | ||
1048 | } | ||
1049 | 100% { | ||
1050 | opacity: 0; | ||
1051 | -webkit-transform: translateY(2000px); | ||
1052 | -ms-transform: translateY(2000px); | ||
1053 | transform: translateY(2000px) | ||
1054 | } | ||
1055 | } | ||
1056 | |||
1057 | .bounceOutDown { | ||
1058 | -webkit-animation-name: bounceOutDown; | ||
1059 | animation-name: bounceOutDown | ||
1060 | } | ||
1061 | |||
1062 | @-webkit-keyframes bounceOutLeft { | ||
1063 | 0% { | ||
1064 | -webkit-transform: translateX(0); | ||
1065 | transform: translateX(0) | ||
1066 | } | ||
1067 | 20% { | ||
1068 | opacity: 1; | ||
1069 | -webkit-transform: translateX(20px); | ||
1070 | transform: translateX(20px) | ||
1071 | } | ||
1072 | 100% { | ||
1073 | opacity: 0; | ||
1074 | -webkit-transform: translateX(-2000px); | ||
1075 | transform: translateX(-2000px) | ||
1076 | } | ||
1077 | } | ||
1078 | |||
1079 | @keyframes bounceOutLeft { | ||
1080 | 0% { | ||
1081 | -webkit-transform: translateX(0); | ||
1082 | -ms-transform: translateX(0); | ||
1083 | transform: translateX(0) | ||
1084 | } | ||
1085 | 20% { | ||
1086 | opacity: 1; | ||
1087 | -webkit-transform: translateX(20px); | ||
1088 | -ms-transform: translateX(20px); | ||
1089 | transform: translateX(20px) | ||
1090 | } | ||
1091 | 100% { | ||
1092 | opacity: 0; | ||
1093 | -webkit-transform: translateX(-2000px); | ||
1094 | -ms-transform: translateX(-2000px); | ||
1095 | transform: translateX(-2000px) | ||
1096 | } | ||
1097 | } | ||
1098 | |||
1099 | .bounceOutLeft { | ||
1100 | -webkit-animation-name: bounceOutLeft; | ||
1101 | animation-name: bounceOutLeft | ||
1102 | } | ||
1103 | |||
1104 | @-webkit-keyframes bounceOutRight { | ||
1105 | 0% { | ||
1106 | -webkit-transform: translateX(0); | ||
1107 | transform: translateX(0) | ||
1108 | } | ||
1109 | 20% { | ||
1110 | opacity: 1; | ||
1111 | -webkit-transform: translateX(-20px); | ||
1112 | transform: translateX(-20px) | ||
1113 | } | ||
1114 | 100% { | ||
1115 | opacity: 0; | ||
1116 | -webkit-transform: translateX(2000px); | ||
1117 | transform: translateX(2000px) | ||
1118 | } | ||
1119 | } | ||
1120 | |||
1121 | @keyframes bounceOutRight { | ||
1122 | 0% { | ||
1123 | -webkit-transform: translateX(0); | ||
1124 | -ms-transform: translateX(0); | ||
1125 | transform: translateX(0) | ||
1126 | } | ||
1127 | 20% { | ||
1128 | opacity: 1; | ||
1129 | -webkit-transform: translateX(-20px); | ||
1130 | -ms-transform: translateX(-20px); | ||
1131 | transform: translateX(-20px) | ||
1132 | } | ||
1133 | 100% { | ||
1134 | opacity: 0; | ||
1135 | -webkit-transform: translateX(2000px); | ||
1136 | -ms-transform: translateX(2000px); | ||
1137 | transform: translateX(2000px) | ||
1138 | } | ||
1139 | } | ||
1140 | |||
1141 | .bounceOutRight { | ||
1142 | -webkit-animation-name: bounceOutRight; | ||
1143 | animation-name: bounceOutRight | ||
1144 | } | ||
1145 | |||
1146 | @-webkit-keyframes bounceOutUp { | ||
1147 | 0% { | ||
1148 | -webkit-transform: translateY(0); | ||
1149 | transform: translateY(0) | ||
1150 | } | ||
1151 | 20% { | ||
1152 | opacity: 1; | ||
1153 | -webkit-transform: translateY(20px); | ||
1154 | transform: translateY(20px) | ||
1155 | } | ||
1156 | 100% { | ||
1157 | opacity: 0; | ||
1158 | -webkit-transform: translateY(-2000px); | ||
1159 | transform: translateY(-2000px) | ||
1160 | } | ||
1161 | } | ||
1162 | |||
1163 | @keyframes bounceOutUp { | ||
1164 | 0% { | ||
1165 | -webkit-transform: translateY(0); | ||
1166 | -ms-transform: translateY(0); | ||
1167 | transform: translateY(0) | ||
1168 | } | ||
1169 | 20% { | ||
1170 | opacity: 1; | ||
1171 | -webkit-transform: translateY(20px); | ||
1172 | -ms-transform: translateY(20px); | ||
1173 | transform: translateY(20px) | ||
1174 | } | ||
1175 | 100% { | ||
1176 | opacity: 0; | ||
1177 | -webkit-transform: translateY(-2000px); | ||
1178 | -ms-transform: translateY(-2000px); | ||
1179 | transform: translateY(-2000px) | ||
1180 | } | ||
1181 | } | ||
1182 | |||
1183 | .bounceOutUp { | ||
1184 | -webkit-animation-name: bounceOutUp; | ||
1185 | animation-name: bounceOutUp | ||
1186 | } | ||
1187 | |||
1188 | @-webkit-keyframes fadeIn { | ||
1189 | 0% { | ||
1190 | opacity: 0 | ||
1191 | } | ||
1192 | 100% { | ||
1193 | opacity: 1 | ||
1194 | } | ||
1195 | } | ||
1196 | |||
1197 | @keyframes fadeIn { | ||
1198 | 0% { | ||
1199 | opacity: 0 | ||
1200 | } | ||
1201 | 100% { | ||
1202 | opacity: 1 | ||
1203 | } | ||
1204 | } | ||
1205 | |||
1206 | .fadeIn { | ||
1207 | -webkit-animation-name: fadeIn; | ||
1208 | animation-name: fadeIn | ||
1209 | } | ||
1210 | |||
1211 | @-webkit-keyframes fadeInDown { | ||
1212 | 0% { | ||
1213 | opacity: 0; | ||
1214 | -webkit-transform: translateY(-20px); | ||
1215 | transform: translateY(-20px) | ||
1216 | } | ||
1217 | 100% { | ||
1218 | opacity: 1; | ||
1219 | -webkit-transform: translateY(0); | ||
1220 | transform: translateY(0) | ||
1221 | } | ||
1222 | } | ||
1223 | |||
1224 | @keyframes fadeInDown { | ||
1225 | 0% { | ||
1226 | opacity: 0; | ||
1227 | -webkit-transform: translateY(-20px); | ||
1228 | -ms-transform: translateY(-20px); | ||
1229 | transform: translateY(-20px) | ||
1230 | } | ||
1231 | 100% { | ||
1232 | opacity: 1; | ||
1233 | -webkit-transform: translateY(0); | ||
1234 | -ms-transform: translateY(0); | ||
1235 | transform: translateY(0) | ||
1236 | } | ||
1237 | } | ||
1238 | |||
1239 | .fadeInDown { | ||
1240 | -webkit-animation-name: fadeInDown; | ||
1241 | animation-name: fadeInDown | ||
1242 | } | ||
1243 | |||
1244 | @-webkit-keyframes fadeInDownBig { | ||
1245 | 0% { | ||
1246 | opacity: 0; | ||
1247 | -webkit-transform: translateY(-2000px); | ||
1248 | transform: translateY(-2000px) | ||
1249 | } | ||
1250 | 100% { | ||
1251 | opacity: 1; | ||
1252 | -webkit-transform: translateY(0); | ||
1253 | transform: translateY(0) | ||
1254 | } | ||
1255 | } | ||
1256 | |||
1257 | @keyframes fadeInDownBig { | ||
1258 | 0% { | ||
1259 | opacity: 0; | ||
1260 | -webkit-transform: translateY(-2000px); | ||
1261 | -ms-transform: translateY(-2000px); | ||
1262 | transform: translateY(-2000px) | ||
1263 | } | ||
1264 | 100% { | ||
1265 | opacity: 1; | ||
1266 | -webkit-transform: translateY(0); | ||
1267 | -ms-transform: translateY(0); | ||
1268 | transform: translateY(0) | ||
1269 | } | ||
1270 | } | ||
1271 | |||
1272 | .fadeInDownBig { | ||
1273 | -webkit-animation-name: fadeInDownBig; | ||
1274 | animation-name: fadeInDownBig | ||
1275 | } | ||
1276 | |||
1277 | @-webkit-keyframes fadeInLeft { | ||
1278 | 0% { | ||
1279 | opacity: 0; | ||
1280 | -webkit-transform: translateX(-20px); | ||
1281 | transform: translateX(-20px) | ||
1282 | } | ||
1283 | 100% { | ||
1284 | opacity: 1; | ||
1285 | -webkit-transform: translateX(0); | ||
1286 | transform: translateX(0) | ||
1287 | } | ||
1288 | } | ||
1289 | |||
1290 | @keyframes fadeInLeft { | ||
1291 | 0% { | ||
1292 | opacity: 0; | ||
1293 | -webkit-transform: translateX(-20px); | ||
1294 | -ms-transform: translateX(-20px); | ||
1295 | transform: translateX(-20px) | ||
1296 | } | ||
1297 | 100% { | ||
1298 | opacity: 1; | ||
1299 | -webkit-transform: translateX(0); | ||
1300 | -ms-transform: translateX(0); | ||
1301 | transform: translateX(0) | ||
1302 | } | ||
1303 | } | ||
1304 | |||
1305 | .fadeInLeft { | ||
1306 | -webkit-animation-name: fadeInLeft; | ||
1307 | animation-name: fadeInLeft | ||
1308 | } | ||
1309 | |||
1310 | @-webkit-keyframes fadeInLeftBig { | ||
1311 | 0% { | ||
1312 | opacity: 0; | ||
1313 | -webkit-transform: translateX(-2000px); | ||
1314 | transform: translateX(-2000px) | ||
1315 | } | ||
1316 | 100% { | ||
1317 | opacity: 1; | ||
1318 | -webkit-transform: translateX(0); | ||
1319 | transform: translateX(0) | ||
1320 | } | ||
1321 | } | ||
1322 | |||
1323 | @keyframes fadeInLeftBig { | ||
1324 | 0% { | ||
1325 | opacity: 0; | ||
1326 | -webkit-transform: translateX(-2000px); | ||
1327 | -ms-transform: translateX(-2000px); | ||
1328 | transform: translateX(-2000px) | ||
1329 | } | ||
1330 | 100% { | ||
1331 | opacity: 1; | ||
1332 | -webkit-transform: translateX(0); | ||
1333 | -ms-transform: translateX(0); | ||
1334 | transform: translateX(0) | ||
1335 | } | ||
1336 | } | ||
1337 | |||
1338 | .fadeInLeftBig { | ||
1339 | -webkit-animation-name: fadeInLeftBig; | ||
1340 | animation-name: fadeInLeftBig | ||
1341 | } | ||
1342 | |||
1343 | @-webkit-keyframes fadeInRight { | ||
1344 | 0% { | ||
1345 | opacity: 0; | ||
1346 | -webkit-transform: translateX(20px); | ||
1347 | transform: translateX(20px) | ||
1348 | } | ||
1349 | 100% { | ||
1350 | opacity: 1; | ||
1351 | -webkit-transform: translateX(0); | ||
1352 | transform: translateX(0) | ||
1353 | } | ||
1354 | } | ||
1355 | |||
1356 | @keyframes fadeInRight { | ||
1357 | 0% { | ||
1358 | opacity: 0; | ||
1359 | -webkit-transform: translateX(20px); | ||
1360 | -ms-transform: translateX(20px); | ||
1361 | transform: translateX(20px) | ||
1362 | } | ||
1363 | 100% { | ||
1364 | opacity: 1; | ||
1365 | -webkit-transform: translateX(0); | ||
1366 | -ms-transform: translateX(0); | ||
1367 | transform: translateX(0) | ||
1368 | } | ||
1369 | } | ||
1370 | |||
1371 | .fadeInRight { | ||
1372 | -webkit-animation-name: fadeInRight; | ||
1373 | animation-name: fadeInRight | ||
1374 | } | ||
1375 | |||
1376 | @-webkit-keyframes fadeInRightBig { | ||
1377 | 0% { | ||
1378 | opacity: 0; | ||
1379 | -webkit-transform: translateX(2000px); | ||
1380 | transform: translateX(2000px) | ||
1381 | } | ||
1382 | 100% { | ||
1383 | opacity: 1; | ||
1384 | -webkit-transform: translateX(0); | ||
1385 | transform: translateX(0) | ||
1386 | } | ||
1387 | } | ||
1388 | |||
1389 | @keyframes fadeInRightBig { | ||
1390 | 0% { | ||
1391 | opacity: 0; | ||
1392 | -webkit-transform: translateX(2000px); | ||
1393 | -ms-transform: translateX(2000px); | ||
1394 | transform: translateX(2000px) | ||
1395 | } | ||
1396 | 100% { | ||
1397 | opacity: 1; | ||
1398 | -webkit-transform: translateX(0); | ||
1399 | -ms-transform: translateX(0); | ||
1400 | transform: translateX(0) | ||
1401 | } | ||
1402 | } | ||
1403 | |||
1404 | .fadeInRightBig { | ||
1405 | -webkit-animation-name: fadeInRightBig; | ||
1406 | animation-name: fadeInRightBig | ||
1407 | } | ||
1408 | |||
1409 | @-webkit-keyframes fadeInUp { | ||
1410 | 0% { | ||
1411 | opacity: 0; | ||
1412 | -webkit-transform: translateY(20px); | ||
1413 | transform: translateY(20px) | ||
1414 | } | ||
1415 | 100% { | ||
1416 | opacity: 1; | ||
1417 | -webkit-transform: translateY(0); | ||
1418 | transform: translateY(0) | ||
1419 | } | ||
1420 | } | ||
1421 | |||
1422 | @keyframes fadeInUp { | ||
1423 | 0% { | ||
1424 | opacity: 0; | ||
1425 | -webkit-transform: translateY(20px); | ||
1426 | -ms-transform: translateY(20px); | ||
1427 | transform: translateY(20px) | ||
1428 | } | ||
1429 | 100% { | ||
1430 | opacity: 1; | ||
1431 | -webkit-transform: translateY(0); | ||
1432 | -ms-transform: translateY(0); | ||
1433 | transform: translateY(0) | ||
1434 | } | ||
1435 | } | ||
1436 | |||
1437 | .fadeInUp { | ||
1438 | -webkit-animation-name: fadeInUp; | ||
1439 | animation-name: fadeInUp | ||
1440 | } | ||
1441 | |||
1442 | @-webkit-keyframes fadeInUpBig { | ||
1443 | 0% { | ||
1444 | opacity: 0; | ||
1445 | -webkit-transform: translateY(2000px); | ||
1446 | transform: translateY(2000px) | ||
1447 | } | ||
1448 | 100% { | ||
1449 | opacity: 1; | ||
1450 | -webkit-transform: translateY(0); | ||
1451 | transform: translateY(0) | ||
1452 | } | ||
1453 | } | ||
1454 | |||
1455 | @keyframes fadeInUpBig { | ||
1456 | 0% { | ||
1457 | opacity: 0; | ||
1458 | -webkit-transform: translateY(2000px); | ||
1459 | -ms-transform: translateY(2000px); | ||
1460 | transform: translateY(2000px) | ||
1461 | } | ||
1462 | 100% { | ||
1463 | opacity: 1; | ||
1464 | -webkit-transform: translateY(0); | ||
1465 | -ms-transform: translateY(0); | ||
1466 | transform: translateY(0) | ||
1467 | } | ||
1468 | } | ||
1469 | |||
1470 | .fadeInUpBig { | ||
1471 | -webkit-animation-name: fadeInUpBig; | ||
1472 | animation-name: fadeInUpBig | ||
1473 | } | ||
1474 | |||
1475 | @-webkit-keyframes fadeOut { | ||
1476 | 0% { | ||
1477 | opacity: 1 | ||
1478 | } | ||
1479 | 100% { | ||
1480 | opacity: 0 | ||
1481 | } | ||
1482 | } | ||
1483 | |||
1484 | @keyframes fadeOut { | ||
1485 | 0% { | ||
1486 | opacity: 1 | ||
1487 | } | ||
1488 | 100% { | ||
1489 | opacity: 0 | ||
1490 | } | ||
1491 | } | ||
1492 | |||
1493 | .fadeOut { | ||
1494 | -webkit-animation-name: fadeOut; | ||
1495 | animation-name: fadeOut | ||
1496 | } | ||
1497 | |||
1498 | @-webkit-keyframes fadeOutDown { | ||
1499 | 0% { | ||
1500 | opacity: 1; | ||
1501 | -webkit-transform: translateY(0); | ||
1502 | transform: translateY(0) | ||
1503 | } | ||
1504 | 100% { | ||
1505 | opacity: 0; | ||
1506 | -webkit-transform: translateY(20px); | ||
1507 | transform: translateY(20px) | ||
1508 | } | ||
1509 | } | ||
1510 | |||
1511 | @keyframes fadeOutDown { | ||
1512 | 0% { | ||
1513 | opacity: 1; | ||
1514 | -webkit-transform: translateY(0); | ||
1515 | -ms-transform: translateY(0); | ||
1516 | transform: translateY(0) | ||
1517 | } | ||
1518 | 100% { | ||
1519 | opacity: 0; | ||
1520 | -webkit-transform: translateY(20px); | ||
1521 | -ms-transform: translateY(20px); | ||
1522 | transform: translateY(20px) | ||
1523 | } | ||
1524 | } | ||
1525 | |||
1526 | .fadeOutDown { | ||
1527 | -webkit-animation-name: fadeOutDown; | ||
1528 | animation-name: fadeOutDown | ||
1529 | } | ||
1530 | |||
1531 | @-webkit-keyframes fadeOutDownBig { | ||
1532 | 0% { | ||
1533 | opacity: 1; | ||
1534 | -webkit-transform: translateY(0); | ||
1535 | transform: translateY(0) | ||
1536 | } | ||
1537 | 100% { | ||
1538 | opacity: 0; | ||
1539 | -webkit-transform: translateY(2000px); | ||
1540 | transform: translateY(2000px) | ||
1541 | } | ||
1542 | } | ||
1543 | |||
1544 | @keyframes fadeOutDownBig { | ||
1545 | 0% { | ||
1546 | opacity: 1; | ||
1547 | -webkit-transform: translateY(0); | ||
1548 | -ms-transform: translateY(0); | ||
1549 | transform: translateY(0) | ||
1550 | } | ||
1551 | 100% { | ||
1552 | opacity: 0; | ||
1553 | -webkit-transform: translateY(2000px); | ||
1554 | -ms-transform: translateY(2000px); | ||
1555 | transform: translateY(2000px) | ||
1556 | } | ||
1557 | } | ||
1558 | |||
1559 | .fadeOutDownBig { | ||
1560 | -webkit-animation-name: fadeOutDownBig; | ||
1561 | animation-name: fadeOutDownBig | ||
1562 | } | ||
1563 | |||
1564 | @-webkit-keyframes fadeOutLeft { | ||
1565 | 0% { | ||
1566 | opacity: 1; | ||
1567 | -webkit-transform: translateX(0); | ||
1568 | transform: translateX(0) | ||
1569 | } | ||
1570 | 100% { | ||
1571 | opacity: 0; | ||
1572 | -webkit-transform: translateX(-20px); | ||
1573 | transform: translateX(-20px) | ||
1574 | } | ||
1575 | } | ||
1576 | |||
1577 | @keyframes fadeOutLeft { | ||
1578 | 0% { | ||
1579 | opacity: 1; | ||
1580 | -webkit-transform: translateX(0); | ||
1581 | -ms-transform: translateX(0); | ||
1582 | transform: translateX(0) | ||
1583 | } | ||
1584 | 100% { | ||
1585 | opacity: 0; | ||
1586 | -webkit-transform: translateX(-20px); | ||
1587 | -ms-transform: translateX(-20px); | ||
1588 | transform: translateX(-20px) | ||
1589 | } | ||
1590 | } | ||
1591 | |||
1592 | .fadeOutLeft { | ||
1593 | -webkit-animation-name: fadeOutLeft; | ||
1594 | animation-name: fadeOutLeft | ||
1595 | } | ||
1596 | |||
1597 | @-webkit-keyframes fadeOutLeftBig { | ||
1598 | 0% { | ||
1599 | opacity: 1; | ||
1600 | -webkit-transform: translateX(0); | ||
1601 | transform: translateX(0) | ||
1602 | } | ||
1603 | 100% { | ||
1604 | opacity: 0; | ||
1605 | -webkit-transform: translateX(-2000px); | ||
1606 | transform: translateX(-2000px) | ||
1607 | } | ||
1608 | } | ||
1609 | |||
1610 | @keyframes fadeOutLeftBig { | ||
1611 | 0% { | ||
1612 | opacity: 1; | ||
1613 | -webkit-transform: translateX(0); | ||
1614 | -ms-transform: translateX(0); | ||
1615 | transform: translateX(0) | ||
1616 | } | ||
1617 | 100% { | ||
1618 | opacity: 0; | ||
1619 | -webkit-transform: translateX(-2000px); | ||
1620 | -ms-transform: translateX(-2000px); | ||
1621 | transform: translateX(-2000px) | ||
1622 | } | ||
1623 | } | ||
1624 | |||
1625 | .fadeOutLeftBig { | ||
1626 | -webkit-animation-name: fadeOutLeftBig; | ||
1627 | animation-name: fadeOutLeftBig | ||
1628 | } | ||
1629 | |||
1630 | @-webkit-keyframes fadeOutRight { | ||
1631 | 0% { | ||
1632 | opacity: 1; | ||
1633 | -webkit-transform: translateX(0); | ||
1634 | transform: translateX(0) | ||
1635 | } | ||
1636 | 100% { | ||
1637 | opacity: 0; | ||
1638 | -webkit-transform: translateX(20px); | ||
1639 | transform: translateX(20px) | ||
1640 | } | ||
1641 | } | ||
1642 | |||
1643 | @keyframes fadeOutRight { | ||
1644 | 0% { | ||
1645 | opacity: 1; | ||
1646 | -webkit-transform: translateX(0); | ||
1647 | -ms-transform: translateX(0); | ||
1648 | transform: translateX(0) | ||
1649 | } | ||
1650 | 100% { | ||
1651 | opacity: 0; | ||
1652 | -webkit-transform: translateX(20px); | ||
1653 | -ms-transform: translateX(20px); | ||
1654 | transform: translateX(20px) | ||
1655 | } | ||
1656 | } | ||
1657 | |||
1658 | .fadeOutRight { | ||
1659 | -webkit-animation-name: fadeOutRight; | ||
1660 | animation-name: fadeOutRight | ||
1661 | } | ||
1662 | |||
1663 | @-webkit-keyframes fadeOutRightBig { | ||
1664 | 0% { | ||
1665 | opacity: 1; | ||
1666 | -webkit-transform: translateX(0); | ||
1667 | transform: translateX(0) | ||
1668 | } | ||
1669 | 100% { | ||
1670 | opacity: 0; | ||
1671 | -webkit-transform: translateX(2000px); | ||
1672 | transform: translateX(2000px) | ||
1673 | } | ||
1674 | } | ||
1675 | |||
1676 | @keyframes fadeOutRightBig { | ||
1677 | 0% { | ||
1678 | opacity: 1; | ||
1679 | -webkit-transform: translateX(0); | ||
1680 | -ms-transform: translateX(0); | ||
1681 | transform: translateX(0) | ||
1682 | } | ||
1683 | 100% { | ||
1684 | opacity: 0; | ||
1685 | -webkit-transform: translateX(2000px); | ||
1686 | -ms-transform: translateX(2000px); | ||
1687 | transform: translateX(2000px) | ||
1688 | } | ||
1689 | } | ||
1690 | |||
1691 | .fadeOutRightBig { | ||
1692 | -webkit-animation-name: fadeOutRightBig; | ||
1693 | animation-name: fadeOutRightBig | ||
1694 | } | ||
1695 | |||
1696 | @-webkit-keyframes fadeOutUp { | ||
1697 | 0% { | ||
1698 | opacity: 1; | ||
1699 | -webkit-transform: translateY(0); | ||
1700 | transform: translateY(0) | ||
1701 | } | ||
1702 | 100% { | ||
1703 | opacity: 0; | ||
1704 | -webkit-transform: translateY(-20px); | ||
1705 | transform: translateY(-20px) | ||
1706 | } | ||
1707 | } | ||
1708 | |||
1709 | @keyframes fadeOutUp { | ||
1710 | 0% { | ||
1711 | opacity: 1; | ||
1712 | -webkit-transform: translateY(0); | ||
1713 | -ms-transform: translateY(0); | ||
1714 | transform: translateY(0) | ||
1715 | } | ||
1716 | 100% { | ||
1717 | opacity: 0; | ||
1718 | -webkit-transform: translateY(-20px); | ||
1719 | -ms-transform: translateY(-20px); | ||
1720 | transform: translateY(-20px) | ||
1721 | } | ||
1722 | } | ||
1723 | |||
1724 | .fadeOutUp { | ||
1725 | -webkit-animation-name: fadeOutUp; | ||
1726 | animation-name: fadeOutUp | ||
1727 | } | ||
1728 | |||
1729 | @-webkit-keyframes fadeOutUpBig { | ||
1730 | 0% { | ||
1731 | opacity: 1; | ||
1732 | -webkit-transform: translateY(0); | ||
1733 | transform: translateY(0) | ||
1734 | } | ||
1735 | 100% { | ||
1736 | opacity: 0; | ||
1737 | -webkit-transform: translateY(-2000px); | ||
1738 | transform: translateY(-2000px) | ||
1739 | } | ||
1740 | } | ||
1741 | |||
1742 | @keyframes fadeOutUpBig { | ||
1743 | 0% { | ||
1744 | opacity: 1; | ||
1745 | -webkit-transform: translateY(0); | ||
1746 | -ms-transform: translateY(0); | ||
1747 | transform: translateY(0) | ||
1748 | } | ||
1749 | 100% { | ||
1750 | opacity: 0; | ||
1751 | -webkit-transform: translateY(-2000px); | ||
1752 | -ms-transform: translateY(-2000px); | ||
1753 | transform: translateY(-2000px) | ||
1754 | } | ||
1755 | } | ||
1756 | |||
1757 | .fadeOutUpBig { | ||
1758 | -webkit-animation-name: fadeOutUpBig; | ||
1759 | animation-name: fadeOutUpBig | ||
1760 | } | ||
1761 | |||
1762 | @-webkit-keyframes flip { | ||
1763 | 0% { | ||
1764 | -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); | ||
1765 | transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); | ||
1766 | -webkit-animation-timing-function: ease-out; | ||
1767 | animation-timing-function: ease-out | ||
1768 | } | ||
1769 | 40% { | ||
1770 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); | ||
1771 | transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); | ||
1772 | -webkit-animation-timing-function: ease-out; | ||
1773 | animation-timing-function: ease-out | ||
1774 | } | ||
1775 | 50% { | ||
1776 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); | ||
1777 | transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); | ||
1778 | -webkit-animation-timing-function: ease-in; | ||
1779 | animation-timing-function: ease-in | ||
1780 | } | ||
1781 | 80% { | ||
1782 | -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); | ||
1783 | transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); | ||
1784 | -webkit-animation-timing-function: ease-in; | ||
1785 | animation-timing-function: ease-in | ||
1786 | } | ||
1787 | 100% { | ||
1788 | -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); | ||
1789 | transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); | ||
1790 | -webkit-animation-timing-function: ease-in; | ||
1791 | animation-timing-function: ease-in | ||
1792 | } | ||
1793 | } | ||
1794 | |||
1795 | @keyframes flip { | ||
1796 | 0% { | ||
1797 | -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); | ||
1798 | -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); | ||
1799 | transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); | ||
1800 | -webkit-animation-timing-function: ease-out; | ||
1801 | animation-timing-function: ease-out | ||
1802 | } | ||
1803 | 40% { | ||
1804 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); | ||
1805 | -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); | ||
1806 | transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); | ||
1807 | -webkit-animation-timing-function: ease-out; | ||
1808 | animation-timing-function: ease-out | ||
1809 | } | ||
1810 | 50% { | ||
1811 | -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); | ||
1812 | -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); | ||
1813 | transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); | ||
1814 | -webkit-animation-timing-function: ease-in; | ||
1815 | animation-timing-function: ease-in | ||
1816 | } | ||
1817 | 80% { | ||
1818 | -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); | ||
1819 | -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); | ||
1820 | transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); | ||
1821 | -webkit-animation-timing-function: ease-in; | ||
1822 | animation-timing-function: ease-in | ||
1823 | } | ||
1824 | 100% { | ||
1825 | -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); | ||
1826 | -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); | ||
1827 | transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); | ||
1828 | -webkit-animation-timing-function: ease-in; | ||
1829 | animation-timing-function: ease-in | ||
1830 | } | ||
1831 | } | ||
1832 | |||
1833 | .animated.flip { | ||
1834 | -webkit-backface-visibility: visible; | ||
1835 | -ms-backface-visibility: visible; | ||
1836 | backface-visibility: visible; | ||
1837 | -webkit-animation-name: flip; | ||
1838 | animation-name: flip | ||
1839 | } | ||
1840 | |||
1841 | @-webkit-keyframes flipInX { | ||
1842 | 0% { | ||
1843 | -webkit-transform: perspective(400px) rotateX(90deg); | ||
1844 | transform: perspective(400px) rotateX(90deg); | ||
1845 | opacity: 0 | ||
1846 | } | ||
1847 | 40% { | ||
1848 | -webkit-transform: perspective(400px) rotateX(-10deg); | ||
1849 | transform: perspective(400px) rotateX(-10deg) | ||
1850 | } | ||
1851 | 70% { | ||
1852 | -webkit-transform: perspective(400px) rotateX(10deg); | ||
1853 | transform: perspective(400px) rotateX(10deg) | ||
1854 | } | ||
1855 | 100% { | ||
1856 | -webkit-transform: perspective(400px) rotateX(0deg); | ||
1857 | transform: perspective(400px) rotateX(0deg); | ||
1858 | opacity: 1 | ||
1859 | } | ||
1860 | } | ||
1861 | |||
1862 | @keyframes flipInX { | ||
1863 | 0% { | ||
1864 | -webkit-transform: perspective(400px) rotateX(90deg); | ||
1865 | -ms-transform: perspective(400px) rotateX(90deg); | ||
1866 | transform: perspective(400px) rotateX(90deg); | ||
1867 | opacity: 0 | ||
1868 | } | ||
1869 | 40% { | ||
1870 | -webkit-transform: perspective(400px) rotateX(-10deg); | ||
1871 | -ms-transform: perspective(400px) rotateX(-10deg); | ||
1872 | transform: perspective(400px) rotateX(-10deg) | ||
1873 | } | ||
1874 | 70% { | ||
1875 | -webkit-transform: perspective(400px) rotateX(10deg); | ||
1876 | -ms-transform: perspective(400px) rotateX(10deg); | ||
1877 | transform: perspective(400px) rotateX(10deg) | ||
1878 | } | ||
1879 | 100% { | ||
1880 | -webkit-transform: perspective(400px) rotateX(0deg); | ||
1881 | -ms-transform: perspective(400px) rotateX(0deg); | ||
1882 | transform: perspective(400px) rotateX(0deg); | ||
1883 | opacity: 1 | ||
1884 | } | ||
1885 | } | ||
1886 | |||
1887 | .flipInX { | ||
1888 | -webkit-backface-visibility: visible!important; | ||
1889 | -ms-backface-visibility: visible!important; | ||
1890 | backface-visibility: visible!important; | ||
1891 | -webkit-animation-name: flipInX; | ||
1892 | animation-name: flipInX | ||
1893 | } | ||
1894 | |||
1895 | @-webkit-keyframes flipInY { | ||
1896 | 0% { | ||
1897 | -webkit-transform: perspective(400px) rotateY(90deg); | ||
1898 | transform: perspective(400px) rotateY(90deg); | ||
1899 | opacity: 0 | ||
1900 | } | ||
1901 | 40% { | ||
1902 | -webkit-transform: perspective(400px) rotateY(-10deg); | ||
1903 | transform: perspective(400px) rotateY(-10deg) | ||
1904 | } | ||
1905 | 70% { | ||
1906 | -webkit-transform: perspective(400px) rotateY(10deg); | ||
1907 | transform: perspective(400px) rotateY(10deg) | ||
1908 | } | ||
1909 | 100% { | ||
1910 | -webkit-transform: perspective(400px) rotateY(0deg); | ||
1911 | transform: perspective(400px) rotateY(0deg); | ||
1912 | opacity: 1 | ||
1913 | } | ||
1914 | } | ||
1915 | |||
1916 | @keyframes flipInY { | ||
1917 | 0% { | ||
1918 | -webkit-transform: perspective(400px) rotateY(90deg); | ||
1919 | -ms-transform: perspective(400px) rotateY(90deg); | ||
1920 | transform: perspective(400px) rotateY(90deg); | ||
1921 | opacity: 0 | ||
1922 | } | ||
1923 | 40% { | ||
1924 | -webkit-transform: perspective(400px) rotateY(-10deg); | ||
1925 | -ms-transform: perspective(400px) rotateY(-10deg); | ||
1926 | transform: perspective(400px) rotateY(-10deg) | ||
1927 | } | ||
1928 | 70% { | ||
1929 | -webkit-transform: perspective(400px) rotateY(10deg); | ||
1930 | -ms-transform: perspective(400px) rotateY(10deg); | ||
1931 | transform: perspective(400px) rotateY(10deg) | ||
1932 | } | ||
1933 | 100% { | ||
1934 | -webkit-transform: perspective(400px) rotateY(0deg); | ||
1935 | -ms-transform: perspective(400px) rotateY(0deg); | ||
1936 | transform: perspective(400px) rotateY(0deg); | ||
1937 | opacity: 1 | ||
1938 | } | ||
1939 | } | ||
1940 | |||
1941 | .flipInY { | ||
1942 | -webkit-backface-visibility: visible!important; | ||
1943 | -ms-backface-visibility: visible!important; | ||
1944 | backface-visibility: visible!important; | ||
1945 | -webkit-animation-name: flipInY; | ||
1946 | animation-name: flipInY | ||
1947 | } | ||
1948 | |||
1949 | @-webkit-keyframes flipOutX { | ||
1950 | 0% { | ||
1951 | -webkit-transform: perspective(400px) rotateX(0deg); | ||
1952 | transform: perspective(400px) rotateX(0deg); | ||
1953 | opacity: 1 | ||
1954 | } | ||
1955 | 100% { | ||
1956 | -webkit-transform: perspective(400px) rotateX(90deg); | ||
1957 | transform: perspective(400px) rotateX(90deg); | ||
1958 | opacity: 0 | ||
1959 | } | ||
1960 | } | ||
1961 | |||
1962 | @keyframes flipOutX { | ||
1963 | 0% { | ||
1964 | -webkit-transform: perspective(400px) rotateX(0deg); | ||
1965 | -ms-transform: perspective(400px) rotateX(0deg); | ||
1966 | transform: perspective(400px) rotateX(0deg); | ||
1967 | opacity: 1 | ||
1968 | } | ||
1969 | 100% { | ||
1970 | -webkit-transform: perspective(400px) rotateX(90deg); | ||
1971 | -ms-transform: perspective(400px) rotateX(90deg); | ||
1972 | transform: perspective(400px) rotateX(90deg); | ||
1973 | opacity: 0 | ||
1974 | } | ||
1975 | } | ||
1976 | |||
1977 | .flipOutX { | ||
1978 | -webkit-animation-name: flipOutX; | ||
1979 | animation-name: flipOutX; | ||
1980 | -webkit-backface-visibility: visible!important; | ||
1981 | -ms-backface-visibility: visible!important; | ||
1982 | backface-visibility: visible!important | ||
1983 | } | ||
1984 | |||
1985 | @-webkit-keyframes flipOutY { | ||
1986 | 0% { | ||
1987 | -webkit-transform: perspective(400px) rotateY(0deg); | ||
1988 | transform: perspective(400px) rotateY(0deg); | ||
1989 | opacity: 1 | ||
1990 | } | ||
1991 | 100% { | ||
1992 | -webkit-transform: perspective(400px) rotateY(90deg); | ||
1993 | transform: perspective(400px) rotateY(90deg); | ||
1994 | opacity: 0 | ||
1995 | } | ||
1996 | } | ||
1997 | |||
1998 | @keyframes flipOutY { | ||
1999 | 0% { | ||
2000 | -webkit-transform: perspective(400px) rotateY(0deg); | ||
2001 | -ms-transform: perspective(400px) rotateY(0deg); | ||
2002 | transform: perspective(400px) rotateY(0deg); | ||
2003 | opacity: 1 | ||
2004 | } | ||
2005 | 100% { | ||
2006 | -webkit-transform: perspective(400px) rotateY(90deg); | ||
2007 | -ms-transform: perspective(400px) rotateY(90deg); | ||
2008 | transform: perspective(400px) rotateY(90deg); | ||
2009 | opacity: 0 | ||
2010 | } | ||
2011 | } | ||
2012 | |||
2013 | .flipOutY { | ||
2014 | -webkit-backface-visibility: visible!important; | ||
2015 | -ms-backface-visibility: visible!important; | ||
2016 | backface-visibility: visible!important; | ||
2017 | -webkit-animation-name: flipOutY; | ||
2018 | animation-name: flipOutY | ||
2019 | } | ||
2020 | |||
2021 | @-webkit-keyframes lightSpeedIn { | ||
2022 | 0% { | ||
2023 | -webkit-transform: translateX(100%) skewX(-30deg); | ||
2024 | transform: translateX(100%) skewX(-30deg); | ||
2025 | opacity: 0 | ||
2026 | } | ||
2027 | 60% { | ||
2028 | -webkit-transform: translateX(-20%) skewX(30deg); | ||
2029 | transform: translateX(-20%) skewX(30deg); | ||
2030 | opacity: 1 | ||
2031 | } | ||
2032 | 80% { | ||
2033 | -webkit-transform: translateX(0) skewX(-15deg); | ||
2034 | transform: translateX(0) skewX(-15deg); | ||
2035 | opacity: 1 | ||
2036 | } | ||
2037 | 100% { | ||
2038 | -webkit-transform: translateX(0) skewX(0deg); | ||
2039 | transform: translateX(0) skewX(0deg); | ||
2040 | opacity: 1 | ||
2041 | } | ||
2042 | } | ||
2043 | |||
2044 | @keyframes lightSpeedIn { | ||
2045 | 0% { | ||
2046 | -webkit-transform: translateX(100%) skewX(-30deg); | ||
2047 | -ms-transform: translateX(100%) skewX(-30deg); | ||
2048 | transform: translateX(100%) skewX(-30deg); | ||
2049 | opacity: 0 | ||
2050 | } | ||
2051 | 60% { | ||
2052 | -webkit-transform: translateX(-20%) skewX(30deg); | ||
2053 | -ms-transform: translateX(-20%) skewX(30deg); | ||
2054 | transform: translateX(-20%) skewX(30deg); | ||
2055 | opacity: 1 | ||
2056 | } | ||
2057 | 80% { | ||
2058 | -webkit-transform: translateX(0) skewX(-15deg); | ||
2059 | -ms-transform: translateX(0) skewX(-15deg); | ||
2060 | transform: translateX(0) skewX(-15deg); | ||
2061 | opacity: 1 | ||
2062 | } | ||
2063 | 100% { | ||
2064 | -webkit-transform: translateX(0) skewX(0deg); | ||
2065 | -ms-transform: translateX(0) skewX(0deg); | ||
2066 | transform: translateX(0) skewX(0deg); | ||
2067 | opacity: 1 | ||
2068 | } | ||
2069 | } | ||
2070 | |||
2071 | .lightSpeedIn { | ||
2072 | -webkit-animation-name: lightSpeedIn; | ||
2073 | animation-name: lightSpeedIn; | ||
2074 | -webkit-animation-timing-function: ease-out; | ||
2075 | animation-timing-function: ease-out | ||
2076 | } | ||
2077 | |||
2078 | @-webkit-keyframes lightSpeedOut { | ||
2079 | 0% { | ||
2080 | -webkit-transform: translateX(0) skewX(0deg); | ||
2081 | transform: translateX(0) skewX(0deg); | ||
2082 | opacity: 1 | ||
2083 | } | ||
2084 | 100% { | ||
2085 | -webkit-transform: translateX(100%) skewX(-30deg); | ||
2086 | transform: translateX(100%) skewX(-30deg); | ||
2087 | opacity: 0 | ||
2088 | } | ||
2089 | } | ||
2090 | |||
2091 | @keyframes lightSpeedOut { | ||
2092 | 0% { | ||
2093 | -webkit-transform: translateX(0) skewX(0deg); | ||
2094 | -ms-transform: translateX(0) skewX(0deg); | ||
2095 | transform: translateX(0) skewX(0deg); | ||
2096 | opacity: 1 | ||
2097 | } | ||
2098 | 100% { | ||
2099 | -webkit-transform: translateX(100%) skewX(-30deg); | ||
2100 | -ms-transform: translateX(100%) skewX(-30deg); | ||
2101 | transform: translateX(100%) skewX(-30deg); | ||
2102 | opacity: 0 | ||
2103 | } | ||
2104 | } | ||
2105 | |||
2106 | .lightSpeedOut { | ||
2107 | -webkit-animation-name: lightSpeedOut; | ||
2108 | animation-name: lightSpeedOut; | ||
2109 | -webkit-animation-timing-function: ease-in; | ||
2110 | animation-timing-function: ease-in | ||
2111 | } | ||
2112 | |||
2113 | @-webkit-keyframes rotateIn { | ||
2114 | 0% { | ||
2115 | -webkit-transform-origin: center center; | ||
2116 | transform-origin: center center; | ||
2117 | -webkit-transform: rotate(-200deg); | ||
2118 | transform: rotate(-200deg); | ||
2119 | opacity: 0 | ||
2120 | } | ||
2121 | 100% { | ||
2122 | -webkit-transform-origin: center center; | ||
2123 | transform-origin: center center; | ||
2124 | -webkit-transform: rotate(0); | ||
2125 | transform: rotate(0); | ||
2126 | opacity: 1 | ||
2127 | } | ||
2128 | } | ||
2129 | |||
2130 | @keyframes rotateIn { | ||
2131 | 0% { | ||
2132 | -webkit-transform-origin: center center; | ||
2133 | -ms-transform-origin: center center; | ||
2134 | transform-origin: center center; | ||
2135 | -webkit-transform: rotate(-200deg); | ||
2136 | -ms-transform: rotate(-200deg); | ||
2137 | transform: rotate(-200deg); | ||
2138 | opacity: 0 | ||
2139 | } | ||
2140 | 100% { | ||
2141 | -webkit-transform-origin: center center; | ||
2142 | -ms-transform-origin: center center; | ||
2143 | transform-origin: center center; | ||
2144 | -webkit-transform: rotate(0); | ||
2145 | -ms-transform: rotate(0); | ||
2146 | transform: rotate(0); | ||
2147 | opacity: 1 | ||
2148 | } | ||
2149 | } | ||
2150 | |||
2151 | .rotateIn { | ||
2152 | -webkit-animation-name: rotateIn; | ||
2153 | animation-name: rotateIn | ||
2154 | } | ||
2155 | |||
2156 | @-webkit-keyframes rotateInDownLeft { | ||
2157 | 0% { | ||
2158 | -webkit-transform-origin: left bottom; | ||
2159 | transform-origin: left bottom; | ||
2160 | -webkit-transform: rotate(-90deg); | ||
2161 | transform: rotate(-90deg); | ||
2162 | opacity: 0 | ||
2163 | } | ||
2164 | 100% { | ||
2165 | -webkit-transform-origin: left bottom; | ||
2166 | transform-origin: left bottom; | ||
2167 | -webkit-transform: rotate(0); | ||
2168 | transform: rotate(0); | ||
2169 | opacity: 1 | ||
2170 | } | ||
2171 | } | ||
2172 | |||
2173 | @keyframes rotateInDownLeft { | ||
2174 | 0% { | ||
2175 | -webkit-transform-origin: left bottom; | ||
2176 | -ms-transform-origin: left bottom; | ||
2177 | transform-origin: left bottom; | ||
2178 | -webkit-transform: rotate(-90deg); | ||
2179 | -ms-transform: rotate(-90deg); | ||
2180 | transform: rotate(-90deg); | ||
2181 | opacity: 0 | ||
2182 | } | ||
2183 | 100% { | ||
2184 | -webkit-transform-origin: left bottom; | ||
2185 | -ms-transform-origin: left bottom; | ||
2186 | transform-origin: left bottom; | ||
2187 | -webkit-transform: rotate(0); | ||
2188 | -ms-transform: rotate(0); | ||
2189 | transform: rotate(0); | ||
2190 | opacity: 1 | ||
2191 | } | ||
2192 | } | ||
2193 | |||
2194 | .rotateInDownLeft { | ||
2195 | -webkit-animation-name: rotateInDownLeft; | ||
2196 | animation-name: rotateInDownLeft | ||
2197 | } | ||
2198 | |||
2199 | @-webkit-keyframes rotateInDownRight { | ||
2200 | 0% { | ||
2201 | -webkit-transform-origin: right bottom; | ||
2202 | transform-origin: right bottom; | ||
2203 | -webkit-transform: rotate(90deg); | ||
2204 | transform: rotate(90deg); | ||
2205 | opacity: 0 | ||
2206 | } | ||
2207 | 100% { | ||
2208 | -webkit-transform-origin: right bottom; | ||
2209 | transform-origin: right bottom; | ||
2210 | -webkit-transform: rotate(0); | ||
2211 | transform: rotate(0); | ||
2212 | opacity: 1 | ||
2213 | } | ||
2214 | } | ||
2215 | |||
2216 | @keyframes rotateInDownRight { | ||
2217 | 0% { | ||
2218 | -webkit-transform-origin: right bottom; | ||
2219 | -ms-transform-origin: right bottom; | ||
2220 | transform-origin: right bottom; | ||
2221 | -webkit-transform: rotate(90deg); | ||
2222 | -ms-transform: rotate(90deg); | ||
2223 | transform: rotate(90deg); | ||
2224 | opacity: 0 | ||
2225 | } | ||
2226 | 100% { | ||
2227 | -webkit-transform-origin: right bottom; | ||
2228 | -ms-transform-origin: right bottom; | ||
2229 | transform-origin: right bottom; | ||
2230 | -webkit-transform: rotate(0); | ||
2231 | -ms-transform: rotate(0); | ||
2232 | transform: rotate(0); | ||
2233 | opacity: 1 | ||
2234 | } | ||
2235 | } | ||
2236 | |||
2237 | .rotateInDownRight { | ||
2238 | -webkit-animation-name: rotateInDownRight; | ||
2239 | animation-name: rotateInDownRight | ||
2240 | } | ||
2241 | |||
2242 | @-webkit-keyframes rotateInUpLeft { | ||
2243 | 0% { | ||
2244 | -webkit-transform-origin: left bottom; | ||
2245 | transform-origin: left bottom; | ||
2246 | -webkit-transform: rotate(90deg); | ||
2247 | transform: rotate(90deg); | ||
2248 | opacity: 0 | ||
2249 | } | ||
2250 | 100% { | ||
2251 | -webkit-transform-origin: left bottom; | ||
2252 | transform-origin: left bottom; | ||
2253 | -webkit-transform: rotate(0); | ||
2254 | transform: rotate(0); | ||
2255 | opacity: 1 | ||
2256 | } | ||
2257 | } | ||
2258 | |||
2259 | @keyframes rotateInUpLeft { | ||
2260 | 0% { | ||
2261 | -webkit-transform-origin: left bottom; | ||
2262 | -ms-transform-origin: left bottom; | ||
2263 | transform-origin: left bottom; | ||
2264 | -webkit-transform: rotate(90deg); | ||
2265 | -ms-transform: rotate(90deg); | ||
2266 | transform: rotate(90deg); | ||
2267 | opacity: 0 | ||
2268 | } | ||
2269 | 100% { | ||
2270 | -webkit-transform-origin: left bottom; | ||
2271 | -ms-transform-origin: left bottom; | ||
2272 | transform-origin: left bottom; | ||
2273 | -webkit-transform: rotate(0); | ||
2274 | -ms-transform: rotate(0); | ||
2275 | transform: rotate(0); | ||
2276 | opacity: 1 | ||
2277 | } | ||
2278 | } | ||
2279 | |||
2280 | .rotateInUpLeft { | ||
2281 | -webkit-animation-name: rotateInUpLeft; | ||
2282 | animation-name: rotateInUpLeft | ||
2283 | } | ||
2284 | |||
2285 | @-webkit-keyframes rotateInUpRight { | ||
2286 | 0% { | ||
2287 | -webkit-transform-origin: right bottom; | ||
2288 | transform-origin: right bottom; | ||
2289 | -webkit-transform: rotate(-90deg); | ||
2290 | transform: rotate(-90deg); | ||
2291 | opacity: 0 | ||
2292 | } | ||
2293 | 100% { | ||
2294 | -webkit-transform-origin: right bottom; | ||
2295 | transform-origin: right bottom; | ||
2296 | -webkit-transform: rotate(0); | ||
2297 | transform: rotate(0); | ||
2298 | opacity: 1 | ||
2299 | } | ||
2300 | } | ||
2301 | |||
2302 | @keyframes rotateInUpRight { | ||
2303 | 0% { | ||
2304 | -webkit-transform-origin: right bottom; | ||
2305 | -ms-transform-origin: right bottom; | ||
2306 | transform-origin: right bottom; | ||
2307 | -webkit-transform: rotate(-90deg); | ||
2308 | -ms-transform: rotate(-90deg); | ||
2309 | transform: rotate(-90deg); | ||
2310 | opacity: 0 | ||
2311 | } | ||
2312 | 100% { | ||
2313 | -webkit-transform-origin: right bottom; | ||
2314 | -ms-transform-origin: right bottom; | ||
2315 | transform-origin: right bottom; | ||
2316 | -webkit-transform: rotate(0); | ||
2317 | -ms-transform: rotate(0); | ||
2318 | transform: rotate(0); | ||
2319 | opacity: 1 | ||
2320 | } | ||
2321 | } | ||
2322 | |||
2323 | .rotateInUpRight { | ||
2324 | -webkit-animation-name: rotateInUpRight; | ||
2325 | animation-name: rotateInUpRight | ||
2326 | } | ||
2327 | |||
2328 | @-webkit-keyframes rotateOut { | ||
2329 | 0% { | ||
2330 | -webkit-transform-origin: center center; | ||
2331 | transform-origin: center center; | ||
2332 | -webkit-transform: rotate(0); | ||
2333 | transform: rotate(0); | ||
2334 | opacity: 1 | ||
2335 | } | ||
2336 | 100% { | ||
2337 | -webkit-transform-origin: center center; | ||
2338 | transform-origin: center center; | ||
2339 | -webkit-transform: rotate(200deg); | ||
2340 | transform: rotate(200deg); | ||
2341 | opacity: 0 | ||
2342 | } | ||
2343 | } | ||
2344 | |||
2345 | @keyframes rotateOut { | ||
2346 | 0% { | ||
2347 | -webkit-transform-origin: center center; | ||
2348 | -ms-transform-origin: center center; | ||
2349 | transform-origin: center center; | ||
2350 | -webkit-transform: rotate(0); | ||
2351 | -ms-transform: rotate(0); | ||
2352 | transform: rotate(0); | ||
2353 | opacity: 1 | ||
2354 | } | ||
2355 | 100% { | ||
2356 | -webkit-transform-origin: center center; | ||
2357 | -ms-transform-origin: center center; | ||
2358 | transform-origin: center center; | ||
2359 | -webkit-transform: rotate(200deg); | ||
2360 | -ms-transform: rotate(200deg); | ||
2361 | transform: rotate(200deg); | ||
2362 | opacity: 0 | ||
2363 | } | ||
2364 | } | ||
2365 | |||
2366 | .rotateOut { | ||
2367 | -webkit-animation-name: rotateOut; | ||
2368 | animation-name: rotateOut | ||
2369 | } | ||
2370 | |||
2371 | @-webkit-keyframes rotateOutDownLeft { | ||
2372 | 0% { | ||
2373 | -webkit-transform-origin: left bottom; | ||
2374 | transform-origin: left bottom; | ||
2375 | -webkit-transform: rotate(0); | ||
2376 | transform: rotate(0); | ||
2377 | opacity: 1 | ||
2378 | } | ||
2379 | 100% { | ||
2380 | -webkit-transform-origin: left bottom; | ||
2381 | transform-origin: left bottom; | ||
2382 | -webkit-transform: rotate(90deg); | ||
2383 | transform: rotate(90deg); | ||
2384 | opacity: 0 | ||
2385 | } | ||
2386 | } | ||
2387 | |||
2388 | @keyframes rotateOutDownLeft { | ||
2389 | 0% { | ||
2390 | -webkit-transform-origin: left bottom; | ||
2391 | -ms-transform-origin: left bottom; | ||
2392 | transform-origin: left bottom; | ||
2393 | -webkit-transform: rotate(0); | ||
2394 | -ms-transform: rotate(0); | ||
2395 | transform: rotate(0); | ||
2396 | opacity: 1 | ||
2397 | } | ||
2398 | 100% { | ||
2399 | -webkit-transform-origin: left bottom; | ||
2400 | -ms-transform-origin: left bottom; | ||
2401 | transform-origin: left bottom; | ||
2402 | -webkit-transform: rotate(90deg); | ||
2403 | -ms-transform: rotate(90deg); | ||
2404 | transform: rotate(90deg); | ||
2405 | opacity: 0 | ||
2406 | } | ||
2407 | } | ||
2408 | |||
2409 | .rotateOutDownLeft { | ||
2410 | -webkit-animation-name: rotateOutDownLeft; | ||
2411 | animation-name: rotateOutDownLeft | ||
2412 | } | ||
2413 | |||
2414 | @-webkit-keyframes rotateOutDownRight { | ||
2415 | 0% { | ||
2416 | -webkit-transform-origin: right bottom; | ||
2417 | transform-origin: right bottom; | ||
2418 | -webkit-transform: rotate(0); | ||
2419 | transform: rotate(0); | ||
2420 | opacity: 1 | ||
2421 | } | ||
2422 | 100% { | ||
2423 | -webkit-transform-origin: right bottom; | ||
2424 | transform-origin: right bottom; | ||
2425 | -webkit-transform: rotate(-90deg); | ||
2426 | transform: rotate(-90deg); | ||
2427 | opacity: 0 | ||
2428 | } | ||
2429 | } | ||
2430 | |||
2431 | @keyframes rotateOutDownRight { | ||
2432 | 0% { | ||
2433 | -webkit-transform-origin: right bottom; | ||
2434 | -ms-transform-origin: right bottom; | ||
2435 | transform-origin: right bottom; | ||
2436 | -webkit-transform: rotate(0); | ||
2437 | -ms-transform: rotate(0); | ||
2438 | transform: rotate(0); | ||
2439 | opacity: 1 | ||
2440 | } | ||
2441 | 100% { | ||
2442 | -webkit-transform-origin: right bottom; | ||
2443 | -ms-transform-origin: right bottom; | ||
2444 | transform-origin: right bottom; | ||
2445 | -webkit-transform: rotate(-90deg); | ||
2446 | -ms-transform: rotate(-90deg); | ||
2447 | transform: rotate(-90deg); | ||
2448 | opacity: 0 | ||
2449 | } | ||
2450 | } | ||
2451 | |||
2452 | .rotateOutDownRight { | ||
2453 | -webkit-animation-name: rotateOutDownRight; | ||
2454 | animation-name: rotateOutDownRight | ||
2455 | } | ||
2456 | |||
2457 | @-webkit-keyframes rotateOutUpLeft { | ||
2458 | 0% { | ||
2459 | -webkit-transform-origin: left bottom; | ||
2460 | transform-origin: left bottom; | ||
2461 | -webkit-transform: rotate(0); | ||
2462 | transform: rotate(0); | ||
2463 | opacity: 1 | ||
2464 | } | ||
2465 | 100% { | ||
2466 | -webkit-transform-origin: left bottom; | ||
2467 | transform-origin: left bottom; | ||
2468 | -webkit-transform: rotate(-90deg); | ||
2469 | transform: rotate(-90deg); | ||
2470 | opacity: 0 | ||
2471 | } | ||
2472 | } | ||
2473 | |||
2474 | @keyframes rotateOutUpLeft { | ||
2475 | 0% { | ||
2476 | -webkit-transform-origin: left bottom; | ||
2477 | -ms-transform-origin: left bottom; | ||
2478 | transform-origin: left bottom; | ||
2479 | -webkit-transform: rotate(0); | ||
2480 | -ms-transform: rotate(0); | ||
2481 | transform: rotate(0); | ||
2482 | opacity: 1 | ||
2483 | } | ||
2484 | 100% { | ||
2485 | -webkit-transform-origin: left bottom; | ||
2486 | -ms-transform-origin: left bottom; | ||
2487 | transform-origin: left bottom; | ||
2488 | -webkit-transform: rotate(-90deg); | ||
2489 | -ms-transform: rotate(-90deg); | ||
2490 | transform: rotate(-90deg); | ||
2491 | opacity: 0 | ||
2492 | } | ||
2493 | } | ||
2494 | |||
2495 | .rotateOutUpLeft { | ||
2496 | -webkit-animation-name: rotateOutUpLeft; | ||
2497 | animation-name: rotateOutUpLeft | ||
2498 | } | ||
2499 | |||
2500 | @-webkit-keyframes rotateOutUpRight { | ||
2501 | 0% { | ||
2502 | -webkit-transform-origin: right bottom; | ||
2503 | transform-origin: right bottom; | ||
2504 | -webkit-transform: rotate(0); | ||
2505 | transform: rotate(0); | ||
2506 | opacity: 1 | ||
2507 | } | ||
2508 | 100% { | ||
2509 | -webkit-transform-origin: right bottom; | ||
2510 | transform-origin: right bottom; | ||
2511 | -webkit-transform: rotate(90deg); | ||
2512 | transform: rotate(90deg); | ||
2513 | opacity: 0 | ||
2514 | } | ||
2515 | } | ||
2516 | |||
2517 | @keyframes rotateOutUpRight { | ||
2518 | 0% { | ||
2519 | -webkit-transform-origin: right bottom; | ||
2520 | -ms-transform-origin: right bottom; | ||
2521 | transform-origin: right bottom; | ||
2522 | -webkit-transform: rotate(0); | ||
2523 | -ms-transform: rotate(0); | ||
2524 | transform: rotate(0); | ||
2525 | opacity: 1 | ||
2526 | } | ||
2527 | 100% { | ||
2528 | -webkit-transform-origin: right bottom; | ||
2529 | -ms-transform-origin: right bottom; | ||
2530 | transform-origin: right bottom; | ||
2531 | -webkit-transform: rotate(90deg); | ||
2532 | -ms-transform: rotate(90deg); | ||
2533 | transform: rotate(90deg); | ||
2534 | opacity: 0 | ||
2535 | } | ||
2536 | } | ||
2537 | |||
2538 | .rotateOutUpRight { | ||
2539 | -webkit-animation-name: rotateOutUpRight; | ||
2540 | animation-name: rotateOutUpRight | ||
2541 | } | ||
2542 | |||
2543 | @-webkit-keyframes slideInDown { | ||
2544 | 0% { | ||
2545 | opacity: 0; | ||
2546 | -webkit-transform: translateY(-2000px); | ||
2547 | transform: translateY(-2000px) | ||
2548 | } | ||
2549 | 100% { | ||
2550 | -webkit-transform: translateY(0); | ||
2551 | transform: translateY(0) | ||
2552 | } | ||
2553 | } | ||
2554 | |||
2555 | @keyframes slideInDown { | ||
2556 | 0% { | ||
2557 | opacity: 0; | ||
2558 | -webkit-transform: translateY(-2000px); | ||
2559 | -ms-transform: translateY(-2000px); | ||
2560 | transform: translateY(-2000px) | ||
2561 | } | ||
2562 | 100% { | ||
2563 | -webkit-transform: translateY(0); | ||
2564 | -ms-transform: translateY(0); | ||
2565 | transform: translateY(0) | ||
2566 | } | ||
2567 | } | ||
2568 | |||
2569 | .slideInDown { | ||
2570 | -webkit-animation-name: slideInDown; | ||
2571 | animation-name: slideInDown | ||
2572 | } | ||
2573 | |||
2574 | @-webkit-keyframes slideInLeft { | ||
2575 | 0% { | ||
2576 | opacity: 0; | ||
2577 | -webkit-transform: translateX(-2000px); | ||
2578 | transform: translateX(-2000px) | ||
2579 | } | ||
2580 | 100% { | ||
2581 | -webkit-transform: translateX(0); | ||
2582 | transform: translateX(0) | ||
2583 | } | ||
2584 | } | ||
2585 | |||
2586 | @keyframes slideInLeft { | ||
2587 | 0% { | ||
2588 | opacity: 0; | ||
2589 | -webkit-transform: translateX(-2000px); | ||
2590 | -ms-transform: translateX(-2000px); | ||
2591 | transform: translateX(-2000px) | ||
2592 | } | ||
2593 | 100% { | ||
2594 | -webkit-transform: translateX(0); | ||
2595 | -ms-transform: translateX(0); | ||
2596 | transform: translateX(0) | ||
2597 | } | ||
2598 | } | ||
2599 | |||
2600 | .slideInLeft { | ||
2601 | -webkit-animation-name: slideInLeft; | ||
2602 | animation-name: slideInLeft | ||
2603 | } | ||
2604 | |||
2605 | @-webkit-keyframes slideInRight { | ||
2606 | 0% { | ||
2607 | opacity: 0; | ||
2608 | -webkit-transform: translateX(2000px); | ||
2609 | transform: translateX(2000px) | ||
2610 | } | ||
2611 | 100% { | ||
2612 | -webkit-transform: translateX(0); | ||
2613 | transform: translateX(0) | ||
2614 | } | ||
2615 | } | ||
2616 | |||
2617 | @keyframes slideInRight { | ||
2618 | 0% { | ||
2619 | opacity: 0; | ||
2620 | -webkit-transform: translateX(2000px); | ||
2621 | -ms-transform: translateX(2000px); | ||
2622 | transform: translateX(2000px) | ||
2623 | } | ||
2624 | 100% { | ||
2625 | -webkit-transform: translateX(0); | ||
2626 | -ms-transform: translateX(0); | ||
2627 | transform: translateX(0) | ||
2628 | } | ||
2629 | } | ||
2630 | |||
2631 | .slideInRight { | ||
2632 | -webkit-animation-name: slideInRight; | ||
2633 | animation-name: slideInRight | ||
2634 | } | ||
2635 | |||
2636 | @-webkit-keyframes slideOutLeft { | ||
2637 | 0% { | ||
2638 | -webkit-transform: translateX(0); | ||
2639 | transform: translateX(0) | ||
2640 | } | ||
2641 | 100% { | ||
2642 | opacity: 0; | ||
2643 | -webkit-transform: translateX(-2000px); | ||
2644 | transform: translateX(-2000px) | ||
2645 | } | ||
2646 | } | ||
2647 | |||
2648 | @keyframes slideOutLeft { | ||
2649 | 0% { | ||
2650 | -webkit-transform: translateX(0); | ||
2651 | -ms-transform: translateX(0); | ||
2652 | transform: translateX(0) | ||
2653 | } | ||
2654 | 100% { | ||
2655 | opacity: 0; | ||
2656 | -webkit-transform: translateX(-2000px); | ||
2657 | -ms-transform: translateX(-2000px); | ||
2658 | transform: translateX(-2000px) | ||
2659 | } | ||
2660 | } | ||
2661 | |||
2662 | .slideOutLeft { | ||
2663 | -webkit-animation-name: slideOutLeft; | ||
2664 | animation-name: slideOutLeft | ||
2665 | } | ||
2666 | |||
2667 | @-webkit-keyframes slideOutRight { | ||
2668 | 0% { | ||
2669 | -webkit-transform: translateX(0); | ||
2670 | transform: translateX(0) | ||
2671 | } | ||
2672 | 100% { | ||
2673 | opacity: 0; | ||
2674 | -webkit-transform: translateX(2000px); | ||
2675 | transform: translateX(2000px) | ||
2676 | } | ||
2677 | } | ||
2678 | |||
2679 | @keyframes slideOutRight { | ||
2680 | 0% { | ||
2681 | -webkit-transform: translateX(0); | ||
2682 | -ms-transform: translateX(0); | ||
2683 | transform: translateX(0) | ||
2684 | } | ||
2685 | 100% { | ||
2686 | opacity: 0; | ||
2687 | -webkit-transform: translateX(2000px); | ||
2688 | -ms-transform: translateX(2000px); | ||
2689 | transform: translateX(2000px) | ||
2690 | } | ||
2691 | } | ||
2692 | |||
2693 | .slideOutRight { | ||
2694 | -webkit-animation-name: slideOutRight; | ||
2695 | animation-name: slideOutRight | ||
2696 | } | ||
2697 | |||
2698 | @-webkit-keyframes slideOutUp { | ||
2699 | 0% { | ||
2700 | -webkit-transform: translateY(0); | ||
2701 | transform: translateY(0) | ||
2702 | } | ||
2703 | 100% { | ||
2704 | opacity: 0; | ||
2705 | -webkit-transform: translateY(-2000px); | ||
2706 | transform: translateY(-2000px) | ||
2707 | } | ||
2708 | } | ||
2709 | |||
2710 | @keyframes slideOutUp { | ||
2711 | 0% { | ||
2712 | -webkit-transform: translateY(0); | ||
2713 | -ms-transform: translateY(0); | ||
2714 | transform: translateY(0) | ||
2715 | } | ||
2716 | 100% { | ||
2717 | opacity: 0; | ||
2718 | -webkit-transform: translateY(-2000px); | ||
2719 | -ms-transform: translateY(-2000px); | ||
2720 | transform: translateY(-2000px) | ||
2721 | } | ||
2722 | } | ||
2723 | |||
2724 | .slideOutUp { | ||
2725 | -webkit-animation-name: slideOutUp; | ||
2726 | animation-name: slideOutUp | ||
2727 | } | ||
2728 | |||
2729 | @-webkit-keyframes slideInUp { | ||
2730 | 0% { | ||
2731 | opacity: 0; | ||
2732 | -webkit-transform: translateY(2000px); | ||
2733 | transform: translateY(2000px) | ||
2734 | } | ||
2735 | 100% { | ||
2736 | opacity: 1; | ||
2737 | -webkit-transform: translateY(0); | ||
2738 | transform: translateY(0) | ||
2739 | } | ||
2740 | } | ||
2741 | |||
2742 | @keyframes slideInUp { | ||
2743 | 0% { | ||
2744 | opacity: 0; | ||
2745 | -webkit-transform: translateY(2000px); | ||
2746 | -ms-transform: translateY(2000px); | ||
2747 | transform: translateY(2000px) | ||
2748 | } | ||
2749 | 100% { | ||
2750 | opacity: 1; | ||
2751 | -webkit-transform: translateY(0); | ||
2752 | -ms-transform: translateY(0); | ||
2753 | transform: translateY(0) | ||
2754 | } | ||
2755 | } | ||
2756 | |||
2757 | .slideInUp { | ||
2758 | -webkit-animation-name: slideInUp; | ||
2759 | animation-name: slideInUp | ||
2760 | } | ||
2761 | |||
2762 | @-webkit-keyframes slideOutDown { | ||
2763 | 0% { | ||
2764 | -webkit-transform: translateY(0); | ||
2765 | transform: translateY(0) | ||
2766 | } | ||
2767 | 100% { | ||
2768 | opacity: 0; | ||
2769 | -webkit-transform: translateY(2000px); | ||
2770 | transform: translateY(2000px) | ||
2771 | } | ||
2772 | } | ||
2773 | |||
2774 | @keyframes slideOutDown { | ||
2775 | 0% { | ||
2776 | -webkit-transform: translateY(0); | ||
2777 | -ms-transform: translateY(0); | ||
2778 | transform: translateY(0) | ||
2779 | } | ||
2780 | 100% { | ||
2781 | opacity: 0; | ||
2782 | -webkit-transform: translateY(2000px); | ||
2783 | -ms-transform: translateY(2000px); | ||
2784 | transform: translateY(2000px) | ||
2785 | } | ||
2786 | } | ||
2787 | |||
2788 | .slideOutDown { | ||
2789 | -webkit-animation-name: slideOutDown; | ||
2790 | animation-name: slideOutDown | ||
2791 | } | ||
2792 | |||
2793 | @-webkit-keyframes hinge { | ||
2794 | 0% { | ||
2795 | -webkit-transform: rotate(0); | ||
2796 | transform: rotate(0); | ||
2797 | -webkit-transform-origin: top left; | ||
2798 | transform-origin: top left; | ||
2799 | -webkit-animation-timing-function: ease-in-out; | ||
2800 | animation-timing-function: ease-in-out | ||
2801 | } | ||
2802 | 20%, | ||
2803 | 60% { | ||
2804 | -webkit-transform: rotate(80deg); | ||
2805 | transform: rotate(80deg); | ||
2806 | -webkit-transform-origin: top left; | ||
2807 | transform-origin: top left; | ||
2808 | -webkit-animation-timing-function: ease-in-out; | ||
2809 | animation-timing-function: ease-in-out | ||
2810 | } | ||
2811 | 40% { | ||
2812 | -webkit-transform: rotate(60deg); | ||
2813 | transform: rotate(60deg); | ||
2814 | -webkit-transform-origin: top left; | ||
2815 | transform-origin: top left; | ||
2816 | -webkit-animation-timing-function: ease-in-out; | ||
2817 | animation-timing-function: ease-in-out | ||
2818 | } | ||
2819 | 80% { | ||
2820 | -webkit-transform: rotate(60deg) translateY(0); | ||
2821 | transform: rotate(60deg) translateY(0); | ||
2822 | -webkit-transform-origin: top left; | ||
2823 | transform-origin: top left; | ||
2824 | -webkit-animation-timing-function: ease-in-out; | ||
2825 | animation-timing-function: ease-in-out; | ||
2826 | opacity: 1 | ||
2827 | } | ||
2828 | 100% { | ||
2829 | -webkit-transform: translateY(700px); | ||
2830 | transform: translateY(700px); | ||
2831 | opacity: 0 | ||
2832 | } | ||
2833 | } | ||
2834 | |||
2835 | @keyframes hinge { | ||
2836 | 0% { | ||
2837 | -webkit-transform: rotate(0); | ||
2838 | -ms-transform: rotate(0); | ||
2839 | transform: rotate(0); | ||
2840 | -webkit-transform-origin: top left; | ||
2841 | -ms-transform-origin: top left; | ||
2842 | transform-origin: top left; | ||
2843 | -webkit-animation-timing-function: ease-in-out; | ||
2844 | animation-timing-function: ease-in-out | ||
2845 | } | ||
2846 | 20%, | ||
2847 | 60% { | ||
2848 | -webkit-transform: rotate(80deg); | ||
2849 | -ms-transform: rotate(80deg); | ||
2850 | transform: rotate(80deg); | ||
2851 | -webkit-transform-origin: top left; | ||
2852 | -ms-transform-origin: top left; | ||
2853 | transform-origin: top left; | ||
2854 | -webkit-animation-timing-function: ease-in-out; | ||
2855 | animation-timing-function: ease-in-out | ||
2856 | } | ||
2857 | 40% { | ||
2858 | -webkit-transform: rotate(60deg); | ||
2859 | -ms-transform: rotate(60deg); | ||
2860 | transform: rotate(60deg); | ||
2861 | -webkit-transform-origin: top left; | ||
2862 | -ms-transform-origin: top left; | ||
2863 | transform-origin: top left; | ||
2864 | -webkit-animation-timing-function: ease-in-out; | ||
2865 | animation-timing-function: ease-in-out | ||
2866 | } | ||
2867 | 80% { | ||
2868 | -webkit-transform: rotate(60deg) translateY(0); | ||
2869 | -ms-transform: rotate(60deg) translateY(0); | ||
2870 | transform: rotate(60deg) translateY(0); | ||
2871 | -webkit-transform-origin: top left; | ||
2872 | -ms-transform-origin: top left; | ||
2873 | transform-origin: top left; | ||
2874 | -webkit-animation-timing-function: ease-in-out; | ||
2875 | animation-timing-function: ease-in-out; | ||
2876 | opacity: 1 | ||
2877 | } | ||
2878 | 100% { | ||
2879 | -webkit-transform: translateY(700px); | ||
2880 | -ms-transform: translateY(700px); | ||
2881 | transform: translateY(700px); | ||
2882 | opacity: 0 | ||
2883 | } | ||
2884 | } | ||
2885 | |||
2886 | .hinge { | ||
2887 | -webkit-animation-name: hinge; | ||
2888 | animation-name: hinge | ||
2889 | } | ||
2890 | |||
2891 | @-webkit-keyframes rollIn { | ||
2892 | 0% { | ||
2893 | opacity: 0; | ||
2894 | -webkit-transform: translateX(-100%) rotate(-120deg); | ||
2895 | transform: translateX(-100%) rotate(-120deg) | ||
2896 | } | ||
2897 | 100% { | ||
2898 | opacity: 1; | ||
2899 | -webkit-transform: translateX(0) rotate(0deg); | ||
2900 | transform: translateX(0) rotate(0deg) | ||
2901 | } | ||
2902 | } | ||
2903 | |||
2904 | @keyframes rollIn { | ||
2905 | 0% { | ||
2906 | opacity: 0; | ||
2907 | -webkit-transform: translateX(-100%) rotate(-120deg); | ||
2908 | -ms-transform: translateX(-100%) rotate(-120deg); | ||
2909 | transform: translateX(-100%) rotate(-120deg) | ||
2910 | } | ||
2911 | 100% { | ||
2912 | opacity: 1; | ||
2913 | -webkit-transform: translateX(0) rotate(0deg); | ||
2914 | -ms-transform: translateX(0) rotate(0deg); | ||
2915 | transform: translateX(0) rotate(0deg) | ||
2916 | } | ||
2917 | } | ||
2918 | |||
2919 | .rollIn { | ||
2920 | -webkit-animation-name: rollIn; | ||
2921 | animation-name: rollIn | ||
2922 | } | ||
2923 | |||
2924 | @-webkit-keyframes rollOut { | ||
2925 | 0% { | ||
2926 | opacity: 1; | ||
2927 | -webkit-transform: translateX(0) rotate(0deg); | ||
2928 | transform: translateX(0) rotate(0deg) | ||
2929 | } | ||
2930 | 100% { | ||
2931 | opacity: 0; | ||
2932 | -webkit-transform: translateX(100%) rotate(120deg); | ||
2933 | transform: translateX(100%) rotate(120deg) | ||
2934 | } | ||
2935 | } | ||
2936 | |||
2937 | @keyframes rollOut { | ||
2938 | 0% { | ||
2939 | opacity: 1; | ||
2940 | -webkit-transform: translateX(0) rotate(0deg); | ||
2941 | -ms-transform: translateX(0) rotate(0deg); | ||
2942 | transform: translateX(0) rotate(0deg) | ||
2943 | } | ||
2944 | 100% { | ||
2945 | opacity: 0; | ||
2946 | -webkit-transform: translateX(100%) rotate(120deg); | ||
2947 | -ms-transform: translateX(100%) rotate(120deg); | ||
2948 | transform: translateX(100%) rotate(120deg) | ||
2949 | } | ||
2950 | } | ||
2951 | |||
2952 | .rollOut { | ||
2953 | -webkit-animation-name: rollOut; | ||
2954 | animation-name: rollOut | ||
2955 | } | ||
2956 | |||
2957 | @-webkit-keyframes zoomIn { | ||
2958 | 0% { | ||
2959 | opacity: 0; | ||
2960 | -webkit-transform: scale(.3); | ||
2961 | transform: scale(.3) | ||
2962 | } | ||
2963 | 50% { | ||
2964 | opacity: 1 | ||
2965 | } | ||
2966 | } | ||
2967 | |||
2968 | @keyframes zoomIn { | ||
2969 | 0% { | ||
2970 | opacity: 0; | ||
2971 | -webkit-transform: scale(.3); | ||
2972 | -ms-transform: scale(.3); | ||
2973 | transform: scale(.3) | ||
2974 | } | ||
2975 | 50% { | ||
2976 | opacity: 1 | ||
2977 | } | ||
2978 | } | ||
2979 | |||
2980 | .zoomIn { | ||
2981 | -webkit-animation-name: zoomIn; | ||
2982 | animation-name: zoomIn | ||
2983 | } | ||
2984 | |||
2985 | @-webkit-keyframes zoomInDown { | ||
2986 | 0% { | ||
2987 | opacity: 0; | ||
2988 | -webkit-transform: scale(.1) translateY(-2000px); | ||
2989 | transform: scale(.1) translateY(-2000px); | ||
2990 | -webkit-animation-timing-function: ease-in-out; | ||
2991 | animation-timing-function: ease-in-out | ||
2992 | } | ||
2993 | 60% { | ||
2994 | opacity: 1; | ||
2995 | -webkit-transform: scale(.475) translateY(60px); | ||
2996 | transform: scale(.475) translateY(60px); | ||
2997 | -webkit-animation-timing-function: ease-out; | ||
2998 | animation-timing-function: ease-out | ||
2999 | } | ||
3000 | } | ||
3001 | |||
3002 | @keyframes zoomInDown { | ||
3003 | 0% { | ||
3004 | opacity: 0; | ||
3005 | -webkit-transform: scale(.1) translateY(-2000px); | ||
3006 | -ms-transform: scale(.1) translateY(-2000px); | ||
3007 | transform: scale(.1) translateY(-2000px); | ||
3008 | -webkit-animation-timing-function: ease-in-out; | ||
3009 | animation-timing-function: ease-in-out | ||
3010 | } | ||
3011 | 60% { | ||
3012 | opacity: 1; | ||
3013 | -webkit-transform: scale(.475) translateY(60px); | ||
3014 | -ms-transform: scale(.475) translateY(60px); | ||
3015 | transform: scale(.475) translateY(60px); | ||
3016 | -webkit-animation-timing-function: ease-out; | ||
3017 | animation-timing-function: ease-out | ||
3018 | } | ||
3019 | } | ||
3020 | |||
3021 | .zoomInDown { | ||
3022 | -webkit-animation-name: zoomInDown; | ||
3023 | animation-name: zoomInDown | ||
3024 | } | ||
3025 | |||
3026 | @-webkit-keyframes zoomInLeft { | ||
3027 | 0% { | ||
3028 | opacity: 0; | ||
3029 | -webkit-transform: scale(.1) translateX(-2000px); | ||
3030 | transform: scale(.1) translateX(-2000px); | ||
3031 | -webkit-animation-timing-function: ease-in-out; | ||
3032 | animation-timing-function: ease-in-out | ||
3033 | } | ||
3034 | 60% { | ||
3035 | opacity: 1; | ||
3036 | -webkit-transform: scale(.475) translateX(48px); | ||
3037 | transform: scale(.475) translateX(48px); | ||
3038 | -webkit-animation-timing-function: ease-out; | ||
3039 | animation-timing-function: ease-out | ||
3040 | } | ||
3041 | } | ||
3042 | |||
3043 | @keyframes zoomInLeft { | ||
3044 | 0% { | ||
3045 | opacity: 0; | ||
3046 | -webkit-transform: scale(.1) translateX(-2000px); | ||
3047 | -ms-transform: scale(.1) translateX(-2000px); | ||
3048 | transform: scale(.1) translateX(-2000px); | ||
3049 | -webkit-animation-timing-function: ease-in-out; | ||
3050 | animation-timing-function: ease-in-out | ||
3051 | } | ||
3052 | 60% { | ||
3053 | opacity: 1; | ||
3054 | -webkit-transform: scale(.475) translateX(48px); | ||
3055 | -ms-transform: scale(.475) translateX(48px); | ||
3056 | transform: scale(.475) translateX(48px); | ||
3057 | -webkit-animation-timing-function: ease-out; | ||
3058 | animation-timing-function: ease-out | ||
3059 | } | ||
3060 | } | ||
3061 | |||
3062 | .zoomInLeft { | ||
3063 | -webkit-animation-name: zoomInLeft; | ||
3064 | animation-name: zoomInLeft | ||
3065 | } | ||
3066 | |||
3067 | @-webkit-keyframes zoomInRight { | ||
3068 | 0% { | ||
3069 | opacity: 0; | ||
3070 | -webkit-transform: scale(.1) translateX(2000px); | ||
3071 | transform: scale(.1) translateX(2000px); | ||
3072 | -webkit-animation-timing-function: ease-in-out; | ||
3073 | animation-timing-function: ease-in-out | ||
3074 | } | ||
3075 | 60% { | ||
3076 | opacity: 1; | ||
3077 | -webkit-transform: scale(.475) translateX(-48px); | ||
3078 | transform: scale(.475) translateX(-48px); | ||
3079 | -webkit-animation-timing-function: ease-out; | ||
3080 | animation-timing-function: ease-out | ||
3081 | } | ||
3082 | } | ||
3083 | |||
3084 | @keyframes zoomInRight { | ||
3085 | 0% { | ||
3086 | opacity: 0; | ||
3087 | -webkit-transform: scale(.1) translateX(2000px); | ||
3088 | -ms-transform: scale(.1) translateX(2000px); | ||
3089 | transform: scale(.1) translateX(2000px); | ||
3090 | -webkit-animation-timing-function: ease-in-out; | ||
3091 | animation-timing-function: ease-in-out | ||
3092 | } | ||
3093 | 60% { | ||
3094 | opacity: 1; | ||
3095 | -webkit-transform: scale(.475) translateX(-48px); | ||
3096 | -ms-transform: scale(.475) translateX(-48px); | ||
3097 | transform: scale(.475) translateX(-48px); | ||
3098 | -webkit-animation-timing-function: ease-out; | ||
3099 | animation-timing-function: ease-out | ||
3100 | } | ||
3101 | } | ||
3102 | |||
3103 | .zoomInRight { | ||
3104 | -webkit-animation-name: zoomInRight; | ||
3105 | animation-name: zoomInRight | ||
3106 | } | ||
3107 | |||
3108 | @-webkit-keyframes zoomInUp { | ||
3109 | 0% { | ||
3110 | opacity: 0; | ||
3111 | -webkit-transform: scale(.1) translateY(2000px); | ||
3112 | transform: scale(.1) translateY(2000px); | ||
3113 | -webkit-animation-timing-function: ease-in-out; | ||
3114 | animation-timing-function: ease-in-out | ||
3115 | } | ||
3116 | 60% { | ||
3117 | opacity: 1; | ||
3118 | -webkit-transform: scale(.475) translateY(-60px); | ||
3119 | transform: scale(.475) translateY(-60px); | ||
3120 | -webkit-animation-timing-function: ease-out; | ||
3121 | animation-timing-function: ease-out | ||
3122 | } | ||
3123 | } | ||
3124 | |||
3125 | @keyframes zoomInUp { | ||
3126 | 0% { | ||
3127 | opacity: 0; | ||
3128 | -webkit-transform: scale(.1) translateY(2000px); | ||
3129 | -ms-transform: scale(.1) translateY(2000px); | ||
3130 | transform: scale(.1) translateY(2000px); | ||
3131 | -webkit-animation-timing-function: ease-in-out; | ||
3132 | animation-timing-function: ease-in-out | ||
3133 | } | ||
3134 | 60% { | ||
3135 | opacity: 1; | ||
3136 | -webkit-transform: scale(.475) translateY(-60px); | ||
3137 | -ms-transform: scale(.475) translateY(-60px); | ||
3138 | transform: scale(.475) translateY(-60px); | ||
3139 | -webkit-animation-timing-function: ease-out; | ||
3140 | animation-timing-function: ease-out | ||
3141 | } | ||
3142 | } | ||
3143 | |||
3144 | .zoomInUp { | ||
3145 | -webkit-animation-name: zoomInUp; | ||
3146 | animation-name: zoomInUp | ||
3147 | } | ||
3148 | |||
3149 | @-webkit-keyframes zoomOut { | ||
3150 | 0% { | ||
3151 | opacity: 1; | ||
3152 | -webkit-transform: scale(1); | ||
3153 | transform: scale(1) | ||
3154 | } | ||
3155 | 50% { | ||
3156 | opacity: 0; | ||
3157 | -webkit-transform: scale(.3); | ||
3158 | transform: scale(.3) | ||
3159 | } | ||
3160 | 100% { | ||
3161 | opacity: 0 | ||
3162 | } | ||
3163 | } | ||
3164 | |||
3165 | @keyframes zoomOut { | ||
3166 | 0% { | ||
3167 | opacity: 1; | ||
3168 | -webkit-transform: scale(1); | ||
3169 | -ms-transform: scale(1); | ||
3170 | transform: scale(1) | ||
3171 | } | ||
3172 | 50% { | ||
3173 | opacity: 0; | ||
3174 | -webkit-transform: scale(.3); | ||
3175 | -ms-transform: scale(.3); | ||
3176 | transform: scale(.3) | ||
3177 | } | ||
3178 | 100% { | ||
3179 | opacity: 0 | ||
3180 | } | ||
3181 | } | ||
3182 | |||
3183 | .zoomOut { | ||
3184 | -webkit-animation-name: zoomOut; | ||
3185 | animation-name: zoomOut | ||
3186 | } | ||
3187 | |||
3188 | @-webkit-keyframes zoomOutDown { | ||
3189 | 40% { | ||
3190 | opacity: 1; | ||
3191 | -webkit-transform: scale(.475) translateY(-60px); | ||
3192 | transform: scale(.475) translateY(-60px); | ||
3193 | -webkit-animation-timing-function: linear; | ||
3194 | animation-timing-function: linear | ||
3195 | } | ||
3196 | 100% { | ||
3197 | opacity: 0; | ||
3198 | -webkit-transform: scale(.1) translateY(2000px); | ||
3199 | transform: scale(.1) translateY(2000px); | ||
3200 | -webkit-transform-origin: center bottom; | ||
3201 | transform-origin: center bottom | ||
3202 | } | ||
3203 | } | ||
3204 | |||
3205 | @keyframes zoomOutDown { | ||
3206 | 40% { | ||
3207 | opacity: 1; | ||
3208 | -webkit-transform: scale(.475) translateY(-60px); | ||
3209 | -ms-transform: scale(.475) translateY(-60px); | ||
3210 | transform: scale(.475) translateY(-60px); | ||
3211 | -webkit-animation-timing-function: linear; | ||
3212 | animation-timing-function: linear | ||
3213 | } | ||
3214 | 100% { | ||
3215 | opacity: 0; | ||
3216 | -webkit-transform: scale(.1) translateY(2000px); | ||
3217 | -ms-transform: scale(.1) translateY(2000px); | ||
3218 | transform: scale(.1) translateY(2000px); | ||
3219 | -webkit-transform-origin: center bottom; | ||
3220 | -ms-transform-origin: center bottom; | ||
3221 | transform-origin: center bottom | ||
3222 | } | ||
3223 | } | ||
3224 | |||
3225 | .zoomOutDown { | ||
3226 | -webkit-animation-name: zoomOutDown; | ||
3227 | animation-name: zoomOutDown | ||
3228 | } | ||
3229 | |||
3230 | @-webkit-keyframes zoomOutLeft { | ||
3231 | 40% { | ||
3232 | opacity: 1; | ||
3233 | -webkit-transform: scale(.475) translateX(42px); | ||
3234 | transform: scale(.475) translateX(42px); | ||
3235 | -webkit-animation-timing-function: linear; | ||
3236 | animation-timing-function: linear | ||
3237 | } | ||
3238 | 100% { | ||
3239 | opacity: 0; | ||
3240 | -webkit-transform: scale(.1) translateX(-2000px); | ||
3241 | transform: scale(.1) translateX(-2000px); | ||
3242 | -webkit-transform-origin: left center; | ||
3243 | transform-origin: left center | ||
3244 | } | ||
3245 | } | ||
3246 | |||
3247 | @keyframes zoomOutLeft { | ||
3248 | 40% { | ||
3249 | opacity: 1; | ||
3250 | -webkit-transform: scale(.475) translateX(42px); | ||
3251 | -ms-transform: scale(.475) translateX(42px); | ||
3252 | transform: scale(.475) translateX(42px); | ||
3253 | -webkit-animation-timing-function: linear; | ||
3254 | animation-timing-function: linear | ||
3255 | } | ||
3256 | 100% { | ||
3257 | opacity: 0; | ||
3258 | -webkit-transform: scale(.1) translateX(-2000px); | ||
3259 | -ms-transform: scale(.1) translateX(-2000px); | ||
3260 | transform: scale(.1) translateX(-2000px); | ||
3261 | -webkit-transform-origin: left center; | ||
3262 | -ms-transform-origin: left center; | ||
3263 | transform-origin: left center | ||
3264 | } | ||
3265 | } | ||
3266 | |||
3267 | .zoomOutLeft { | ||
3268 | -webkit-animation-name: zoomOutLeft; | ||
3269 | animation-name: zoomOutLeft | ||
3270 | } | ||
3271 | |||
3272 | @-webkit-keyframes zoomOutRight { | ||
3273 | 40% { | ||
3274 | opacity: 1; | ||
3275 | -webkit-transform: scale(.475) translateX(-42px); | ||
3276 | transform: scale(.475) translateX(-42px); | ||
3277 | -webkit-animation-timing-function: linear; | ||
3278 | animation-timing-function: linear | ||
3279 | } | ||
3280 | 100% { | ||
3281 | opacity: 0; | ||
3282 | -webkit-transform: scale(.1) translateX(2000px); | ||
3283 | transform: scale(.1) translateX(2000px); | ||
3284 | -webkit-transform-origin: right center; | ||
3285 | transform-origin: right center | ||
3286 | } | ||
3287 | } | ||
3288 | |||
3289 | @keyframes zoomOutRight { | ||
3290 | 40% { | ||
3291 | opacity: 1; | ||
3292 | -webkit-transform: scale(.475) translateX(-42px); | ||
3293 | -ms-transform: scale(.475) translateX(-42px); | ||
3294 | transform: scale(.475) translateX(-42px); | ||
3295 | -webkit-animation-timing-function: linear; | ||
3296 | animation-timing-function: linear | ||
3297 | } | ||
3298 | 100% { | ||
3299 | opacity: 0; | ||
3300 | -webkit-transform: scale(.1) translateX(2000px); | ||
3301 | -ms-transform: scale(.1) translateX(2000px); | ||
3302 | transform: scale(.1) translateX(2000px); | ||
3303 | -webkit-transform-origin: right center; | ||
3304 | -ms-transform-origin: right center; | ||
3305 | transform-origin: right center | ||
3306 | } | ||
3307 | } | ||
3308 | |||
3309 | .zoomOutRight { | ||
3310 | -webkit-animation-name: zoomOutRight; | ||
3311 | animation-name: zoomOutRight | ||
3312 | } | ||
3313 | |||
3314 | @-webkit-keyframes zoomOutUp { | ||
3315 | 40% { | ||
3316 | opacity: 1; | ||
3317 | -webkit-transform: scale(.475) translateY(60px); | ||
3318 | transform: scale(.475) translateY(60px); | ||
3319 | -webkit-animation-timing-function: linear; | ||
3320 | animation-timing-function: linear | ||
3321 | } | ||
3322 | 100% { | ||
3323 | opacity: 0; | ||
3324 | -webkit-transform: scale(.1) translateY(-2000px); | ||
3325 | transform: scale(.1) translateY(-2000px); | ||
3326 | -webkit-transform-origin: center top; | ||
3327 | transform-origin: center top | ||
3328 | } | ||
3329 | } | ||
3330 | |||
3331 | @keyframes zoomOutUp { | ||
3332 | 40% { | ||
3333 | opacity: 1; | ||
3334 | -webkit-transform: scale(.475) translateY(60px); | ||
3335 | -ms-transform: scale(.475) translateY(60px); | ||
3336 | transform: scale(.475) translateY(60px); | ||
3337 | -webkit-animation-timing-function: linear; | ||
3338 | animation-timing-function: linear | ||
3339 | } | ||
3340 | 100% { | ||
3341 | opacity: 0; | ||
3342 | -webkit-transform: scale(.1) translateY(-2000px); | ||
3343 | -ms-transform: scale(.1) translateY(-2000px); | ||
3344 | transform: scale(.1) translateY(-2000px); | ||
3345 | -webkit-transform-origin: center top; | ||
3346 | -ms-transform-origin: center top; | ||
3347 | transform-origin: center top | ||
3348 | } | ||
3349 | } | ||
3350 | |||
3351 | .zoomOutUp { | ||
3352 | -webkit-animation-name: zoomOutUp; | ||
3353 | animation-name: zoomOutUp | ||
3354 | } | ||
3355 | |||
3356 | p { | ||
3357 | font-size: 1.7em; | ||
3358 | line-height: 120%; | ||
3359 | margin: 0 auto 10px; | ||
3360 | text-align: left; | ||
3361 | font-weight: 300 | ||
3362 | } | ||
3363 | |||
3364 | .lead { | ||
3365 | text-align: left; | ||
3366 | margin-bottom: 20px; | ||
3367 | font-size: 4em; | ||
3368 | margin-top: 40px; | ||
3369 | font-weight: 400; | ||
3370 | line-height: 30px | ||
3371 | } | ||
3372 | |||
3373 | small { | ||
3374 | font-size: 85% | ||
3375 | } | ||
3376 | |||
3377 | strong { | ||
3378 | font-weight: 700 | ||
3379 | } | ||
3380 | |||
3381 | em { | ||
3382 | font-style: italic | ||
3383 | } | ||
3384 | |||
3385 | cite { | ||
3386 | font-style: normal | ||
3387 | } | ||
3388 | |||
3389 | h1, | ||
3390 | h2, | ||
3391 | h3, | ||
3392 | h4, | ||
3393 | h5, | ||
3394 | h6 { | ||
3395 | margin: 10px 0; | ||
3396 | font-family: adelle, proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
3397 | font-weight: 500; | ||
3398 | line-height: 120%; | ||
3399 | color: inherit; | ||
3400 | text-rendering: optimizelegibility | ||
3401 | } | ||
3402 | |||
3403 | h1 small, | ||
3404 | h2 small, | ||
3405 | h3 small, | ||
3406 | h4 small, | ||
3407 | h5 small, | ||
3408 | h6 small { | ||
3409 | font-weight: 400; | ||
3410 | line-height: 1; | ||
3411 | color: #999 | ||
3412 | } | ||
3413 | |||
3414 | @media all and (max-width:500px) { | ||
3415 | h1, | ||
3416 | h2, | ||
3417 | h3, | ||
3418 | h4, | ||
3419 | h5, | ||
3420 | h6 { | ||
3421 | line-height: 140% | ||
3422 | } | ||
3423 | } | ||
3424 | |||
3425 | h1, | ||
3426 | h2, | ||
3427 | h3 { | ||
3428 | line-height: 40px | ||
3429 | } | ||
3430 | |||
3431 | h1 { | ||
3432 | font-size: 56px; | ||
3433 | text-align: left; | ||
3434 | margin: 0 auto 30px; | ||
3435 | line-height: 100% | ||
3436 | } | ||
3437 | |||
3438 | h2 { | ||
3439 | font-size: 31.5px | ||
3440 | } | ||
3441 | |||
3442 | h3 { | ||
3443 | font-size: 24.5px | ||
3444 | } | ||
3445 | |||
3446 | h4 { | ||
3447 | font-size: 17.5px | ||
3448 | } | ||
3449 | |||
3450 | h5 { | ||
3451 | font-size: 14px | ||
3452 | } | ||
3453 | |||
3454 | h6 { | ||
3455 | font-size: 11.9px | ||
3456 | } | ||
3457 | |||
3458 | h1 small { | ||
3459 | font-size: 24.5px | ||
3460 | } | ||
3461 | |||
3462 | h2 small { | ||
3463 | font-size: 17.5px | ||
3464 | } | ||
3465 | |||
3466 | h3 small { | ||
3467 | font-size: 14px | ||
3468 | } | ||
3469 | |||
3470 | h4 small { | ||
3471 | font-size: 14px | ||
3472 | } | ||
3473 | |||
3474 | ul, | ||
3475 | ol { | ||
3476 | padding: 0; | ||
3477 | margin: 0 0 10px 25px | ||
3478 | } | ||
3479 | |||
3480 | ul ul, | ||
3481 | ul ol, | ||
3482 | ol ol, | ||
3483 | ol ul { | ||
3484 | margin-bottom: 0 | ||
3485 | } | ||
3486 | |||
3487 | li { | ||
3488 | line-height: 20px | ||
3489 | } | ||
3490 | |||
3491 | ul.unstyled, | ||
3492 | ol.unstyled { | ||
3493 | margin-left: 0; | ||
3494 | list-style: none | ||
3495 | } | ||
3496 | |||
3497 | ul.inline, | ||
3498 | ol.inline { | ||
3499 | margin-left: 0; | ||
3500 | list-style: none | ||
3501 | } | ||
3502 | |||
3503 | ul.inline>li, | ||
3504 | ol.inline>li { | ||
3505 | display: inline-block; | ||
3506 | padding-left: 5px; | ||
3507 | padding-right: 5px | ||
3508 | } | ||
3509 | |||
3510 | dl { | ||
3511 | margin-bottom: 20px | ||
3512 | } | ||
3513 | |||
3514 | dt, | ||
3515 | dd { | ||
3516 | line-height: 20px | ||
3517 | } | ||
3518 | |||
3519 | dt { | ||
3520 | font-weight: 700 | ||
3521 | } | ||
3522 | |||
3523 | dd { | ||
3524 | margin-left: 10px | ||
3525 | } | ||
3526 | |||
3527 | hr { | ||
3528 | margin: 20px 0; | ||
3529 | border: 0; | ||
3530 | border-top: 1px solid #eee; | ||
3531 | border-bottom: 1px solid #fff | ||
3532 | } | ||
3533 | |||
3534 | blockquote { | ||
3535 | padding: 0 0 0 15px; | ||
3536 | margin: 0 0 20px; | ||
3537 | border-left: 5px solid #eee | ||
3538 | } | ||
3539 | |||
3540 | blockquote p { | ||
3541 | margin-bottom: 0; | ||
3542 | font-size: 17.5px; | ||
3543 | font-weight: 300; | ||
3544 | line-height: 1.25 | ||
3545 | } | ||
3546 | |||
3547 | blockquote small { | ||
3548 | display: block; | ||
3549 | line-height: 20px; | ||
3550 | color: #999 | ||
3551 | } | ||
3552 | |||
3553 | blockquote small:before { | ||
3554 | content: '\2014 \00A0' | ||
3555 | } | ||
3556 | |||
3557 | blockquote.pull-right { | ||
3558 | float: right; | ||
3559 | padding-right: 15px; | ||
3560 | padding-left: 0; | ||
3561 | border-right: 5px solid #eee; | ||
3562 | border-left: 0 | ||
3563 | } | ||
3564 | |||
3565 | blockquote.pull-right p, | ||
3566 | blockquote.pull-right small { | ||
3567 | text-align: right | ||
3568 | } | ||
3569 | |||
3570 | blockquote.pull-right small:before { | ||
3571 | content: '' | ||
3572 | } | ||
3573 | |||
3574 | blockquote.pull-right small:after { | ||
3575 | content: '\00A0 \2014' | ||
3576 | } | ||
3577 | |||
3578 | q:before, | ||
3579 | q:after, | ||
3580 | blockquote:before, | ||
3581 | blockquote:after { | ||
3582 | content: "" | ||
3583 | } | ||
3584 | |||
3585 | address { | ||
3586 | display: block; | ||
3587 | margin-bottom: 20px; | ||
3588 | font-style: normal; | ||
3589 | line-height: 20px | ||
3590 | } | ||
3591 | |||
3592 | pre { | ||
3593 | font-family: courier-prime, Consolas, 'Courier New', Courier, Monaco, monospace; | ||
3594 | display: block; | ||
3595 | word-break: break-all; | ||
3596 | word-wrap: break-word | ||
3597 | } | ||
3598 | |||
3599 | *, | ||
3600 | :before, | ||
3601 | :after { | ||
3602 | -webkit-box-sizing: border-box; | ||
3603 | -moz-box-sizing: border-box; | ||
3604 | -ms-box-sizing: border-box; | ||
3605 | -o-box-sizing: border-box; | ||
3606 | box-sizing: border-box | ||
3607 | } | ||
3608 | |||
3609 | html { | ||
3610 | font-size: 62.5%; | ||
3611 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
3612 | overflow-x: hidden; | ||
3613 | height: 100% | ||
3614 | } | ||
3615 | |||
3616 | body { | ||
3617 | font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
3618 | font-size: 14px; | ||
3619 | line-height: 20px; | ||
3620 | color: #fff; | ||
3621 | background-color: #2b303b; | ||
3622 | overflow-x: hidden; | ||
3623 | -webkit-font-smoothing: antialiased; | ||
3624 | min-height: 100% | ||
3625 | } | ||
3626 | |||
3627 | a { | ||
3628 | color: #5dc5be; | ||
3629 | text-decoration: none; | ||
3630 | -webkit-transition: all 300ms ease-in; | ||
3631 | -moz-transition: all 300ms ease-in; | ||
3632 | -ms-transition: all 300ms ease-in; | ||
3633 | -o-transition: all 300ms ease-in; | ||
3634 | transition: all 300ms ease-in | ||
3635 | } | ||
3636 | |||
3637 | a:hover, | ||
3638 | a:focus { | ||
3639 | color: #389d96; | ||
3640 | text-decoration: none | ||
3641 | } | ||
3642 | |||
3643 | .bg-highlight { | ||
3644 | position: absolute; | ||
3645 | bottom: 0; | ||
3646 | left: 0; | ||
3647 | -ms-filter: "alpha(Opacity=20)"; | ||
3648 | filter: alpha(opacity=20); | ||
3649 | opacity: .2; | ||
3650 | font-size: 90%; | ||
3651 | -webkit-touch-callout: none; | ||
3652 | -webkit-user-select: none; | ||
3653 | -khtml-user-select: none; | ||
3654 | -moz-user-select: none; | ||
3655 | -ms-user-select: none; | ||
3656 | user-select: none | ||
3657 | } | ||
3658 | |||
3659 | .bg-highlight span { | ||
3660 | color: #a9a9a9 | ||
3661 | } | ||
3662 | |||
3663 | .bg-highlight pre { | ||
3664 | margin: 0; | ||
3665 | padding: 5px | ||
3666 | } | ||
3667 | |||
3668 | .block { | ||
3669 | position: relative; | ||
3670 | min-height: 100%; | ||
3671 | margin-top: 200px; | ||
3672 | text-align: center | ||
3673 | } | ||
3674 | |||
3675 | .block p, | ||
3676 | .block h1 { | ||
3677 | width: 100%; | ||
3678 | max-width: 600px; | ||
3679 | padding: 0 10px | ||
3680 | } | ||
3681 | |||
3682 | @media all and (max-width:500px) { | ||
3683 | .block { | ||
3684 | margin-top: 150px | ||
3685 | } | ||
3686 | } | ||
3687 | |||
3688 | .favthing { | ||
3689 | -webkit-animation-duration: 1s; | ||
3690 | animation-duration: 1s; | ||
3691 | -webkit-animation-fill-mode: both; | ||
3692 | animation-fill-mode: both | ||
3693 | } | ||
3694 | |||
3695 | .social { | ||
3696 | float: right; | ||
3697 | margin: 0 10px; | ||
3698 | list-style: none; | ||
3699 | padding: 0 | ||
3700 | } | ||
3701 | |||
3702 | .social li { | ||
3703 | padding: 0; | ||
3704 | margin: 0 5px; | ||
3705 | display: inline-block; | ||
3706 | vertical-align: top; | ||
3707 | -webkit-transition: all 300ms ease-in-out; | ||
3708 | -moz-transition: all 300ms ease-in-out; | ||
3709 | -ms-transition: all 300ms ease-in-out; | ||
3710 | -o-transition: all 300ms ease-in-out; | ||
3711 | transition: all 300ms ease-in-out | ||
3712 | } | ||
3713 | |||
3714 | .social li a { | ||
3715 | font-family: 'Mono Social Icons Font'; | ||
3716 | -webkit-text-rendering: optimizeLegibility; | ||
3717 | -moz-text-rendering: optimizeLegibility; | ||
3718 | -ms-text-rendering: optimizeLegibility; | ||
3719 | -o-text-rendering: optimizeLegibility; | ||
3720 | text-rendering: optimizeLegibility; | ||
3721 | -webkit-font-smoothing: antialiased; | ||
3722 | -moz-font-smoothing: antialiased; | ||
3723 | -ms-font-smoothing: antialiased; | ||
3724 | -o-font-smoothing: antialiased; | ||
3725 | font-smoothing: antialiased; | ||
3726 | color: #a9a9a9; | ||
3727 | -ms-filter: "alpha(Opacity=50)"; | ||
3728 | filter: alpha(opacity=50); | ||
3729 | opacity: .5; | ||
3730 | font-size: 7em | ||
3731 | } | ||
3732 | |||
3733 | .social li a:before { | ||
3734 | font-family: 'Mono Social Icons Font'; | ||
3735 | -webkit-text-rendering: optimizeLegibility; | ||
3736 | -moz-text-rendering: optimizeLegibility; | ||
3737 | -ms-text-rendering: optimizeLegibility; | ||
3738 | -o-text-rendering: optimizeLegibility; | ||
3739 | text-rendering: optimizeLegibility; | ||
3740 | -webkit-font-smoothing: antialiased; | ||
3741 | -moz-font-smoothing: antialiased; | ||
3742 | -ms-font-smoothing: antialiased; | ||
3743 | -o-font-smoothing: antialiased; | ||
3744 | font-smoothing: antialiased; | ||
3745 | content: attr(title); | ||
3746 | margin: 0; | ||
3747 | font-size: 130% | ||
3748 | } | ||
3749 | |||
3750 | .social li:hover, | ||
3751 | .social li:focus { | ||
3752 | margin-top: 2em; | ||
3753 | color: #909090 | ||
3754 | } | ||
3755 | |||
3756 | @media all and (max-width:500px) { | ||
3757 | .social li a { | ||
3758 | font-size: 5em | ||
3759 | } | ||
3760 | } | ||
3761 | |||
3762 | .pull-right { | ||
3763 | float: right | ||
3764 | } | ||
3765 | |||
3766 | .pull-left { | ||
3767 | float: left | ||
3768 | } | ||
3769 | |||
3770 | .hide { | ||
3771 | display: none | ||
3772 | } | ||
3773 | |||
3774 | .show { | ||
3775 | display: block | ||
3776 | } | ||
3777 | |||
3778 | .invisible { | ||
3779 | visibility: hidden | ||
3780 | } | ||
3781 | |||
3782 | .affix { | ||
3783 | position: fixed | ||
3784 | } | ||
3785 | |||
3786 | .block { | ||
3787 | -webkit-touch-callout: all; | ||
3788 | -webkit-user-select: all; | ||
3789 | -khtml-user-select: all; | ||
3790 | -moz-user-select: all; | ||
3791 | -ms-user-select: all; | ||
3792 | user-select: all; | ||
3793 | } | ||