:root {--main-bg:#ffffff; --main-fg:#000000; --result-link-fg:#337ab7; --result-fg:#202124; --button-bg:#f6f6f6; --special-result-border:#dadce0; --special-text-background#ffffff:#ffffff; --special-text-color:#000000; --search-container-text-color:#000000; --search-container-background-color:#f6f6f6; --search-container-background-border:#dadce0; --search-form-background-color:#ffffff; --border:#dadce0; --footer-fg:#353535; --footer-bg:#f6f6f6} @import url("https://fonts.googleapis.com/css?family=Dosis:600|Roboto+Slab:100,300,400,700"); article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display:block} audio,canvas,video {display:inline-block; *display:inline; *zoom:1} audio:not([controls]) {display:none; height:0} [hidden] {display:none} html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%} html,button,input,select,textarea {font-family:sans-serif} body {margin:0} a:focus {outline:thin dotted} a:hover,a:active {outline:0} abbr[title] {border-bottom:1px dotted} b,strong {font-weight:bold} dfn {font-style:italic} mark {background:#ff0; color:#000} pre,code,kbd,samp {font-family:monospace,serif; _font-family:"courier new",monospace; font-size:1em} q {quotes:none} q:before,q:after {content:""; content:none} small {font-size:75%} sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline} sup {top:-0.5em} sub {bottom:-0.25em} dl,menu,ol,ul {margin:1em 0} dd {margin:0 0 0 40px} menu,ol,ul {padding:0 0 0 40px} nav ul,nav ol {list-style:none; list-style-image:none} img {border:0; -ms-interpolation-mode:bicubic} svg:not(:root) {overflow:hidden} figure {margin:0} form {margin:0} fieldset {border:1px solid #c0c0c0; margin:0 0; padding:0.35em 0.625em 0.75em} legend {border:0; padding:0; white-space:normal; *margin-left:-7px} button,input,select,textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle} button,input {line-height:normal} button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible} button[disabled],input[disabled] {cursor:default} input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0; *height:13px; *width:13px} 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-decoration,input[type="search"]::-webkit-search-cancel-button {-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} html {font-family:"Roboto Slab",sans-serif; font-size:12px} body {-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.4em; background-color:#FFFFFF; text-align:center; color:#FFFFFF} h1,h2,h3 {line-height:1.4em; font-weight:300; margin:0} h1 {font-size:2.83333em} h2 {font-size:2.33333em} p {margin:0 0 1.4em} em {font-style:normal; color:#D92400} img {display:block; width:100%} ul {list-style:none; display:block; padding:0; margin:0} a {text-decoration:none; color:#D92400} footer {position:absolute; text-align:right; line-height:0; font-size:0; bottom:0; right:0; left:0} footer .fb-like {display:inline-block; position:absolute; margin-left:12px; bottom:48px; right:22px} footer .twitter-share-button {display:inline-block; position:absolute; margin-left:12px; bottom:20px; right:10px} .about {-webkit-font-smoothing:auto; -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px; color:#666666} .about:after {position:absolute; display:block; width:100%; content:""; height:5%; left:0; top:0} .about.hide .cables {-webkit-transform:translate3d(0,-10%,0) rotateX(-90deg); -moz-transform:translate3d(0,-10%,0) rotateX(-90deg); transform:translate3d(0,-10%,0) rotateX(-90deg); opacity:0} .about.hide .panel {-webkit-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg); transform:rotateX(-20deg)} .about .panel,.about .cables {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; position:relative} .about .cables {-webkit-transform-origin:50% -100%; -moz-transform-origin:50% -100%; transform-origin:50% -100%} .about .cables:before {left:10%; background:transparent url(../images/cable.webp) 0 0 no-repeat; position:absolute; display:block; height:860px; width:30px; content:""; top:-837px; z-index:1} .about .cables:after {right:10%; background:transparent url(../images/cable.webp) 0 0 no-repeat; position:absolute; display:block; height:860px; width:30px; content:""; top:-837px; z-index:1} .about .panel {-webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; background:#F2F2F2 url(../images/panel.webp) -7px 0; background-size:399px 357px} .about .panel:before {border-left:1px dashed rgba(29,31,39,0.2); position:absolute; display:block; height:100%; content:""; left:5%; top:0} .about .panel:after {-webkit-border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; border-radius:0 0 6px 0; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; background:transparent url(../images/compass.webp) 0 0 no-repeat; background-size:224px 224px; position:absolute; display:block; height:160px; width:120px; opacity:0.2; content:""; bottom:0; right:0} .about .panel header {padding:1em 0 1em} .about .panel header:before {-webkit-border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; border-radius:6px 0 0 0; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; background:transparent url(../images/map.webp) 0 0 no-repeat; background-size:60.5px 82.5px; position:absolute; display:block; height:150px; width:110px; opacity:0.8; content:""; left:0; top:0} .about .panel p {margin:0 8% 1.2em; position:relative; z-index:1} .about .panel p strong {font-weight:700; color:#1D1F27} .about .panel .social {margin:1.4em 0 1em; position:relative; z-index:1} .about .panel .twitter-follow-button {display:inline-block; margin-bottom:0.8em} .about .panel .twitter-follow-button + .twitter-follow-button {margin-left:0.4em} .about .panel .links {zoom:1; border-top:1px solid rgba(0,0,0,0.2); position:relative; z-index:1} .about .panel .links:after,.about .panel .links:before {display:table; content:""} .about .panel .links:after {clear:both} .about .panel .links li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; float:left; width:50%} .about .panel .links li a {-webkit-border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box} .about .panel .links li + li {border-left:1px solid rgba(0,0,0,0.2)} .about .panel .links li + li a {-webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box} .about .panel .links a {-webkit-font-smoothing:antialiased; font-size:1.33333em; font-family:"Dosis",sans-serif; text-transform:uppercase; font-weight:600; padding:0.5em 0 0.3em; display:block} .about .panel .links a.github:before,.about .panel .links a.download:before {content:""; font-family:"icons"; text-transform:none; font-weight:normal; font-style:normal; line-height:1em; font-size:0.8em; margin-right:0.5em; margin-left:-0.8em; position:relative; top:-1px} .about .panel .links a.download:before {content:" "} .about .panel .links a.github:before {margin-right:0.4em; content:" "} .accelerate {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden} .center {max-width:400px; margin:0 auto; width:88%} .wrapper {z-index:9999; min-height:460px; position:absolute; overflow:hidden; display:table; height:100%; width:100%; left:0; top:0} .cell {vertical-align:middle; display:table-cell} .panel {-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.6); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.6); box-shadow:0 2px 8px rgba(0,0,0,0.6); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:relative} .toggle {-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.6); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.6); box-shadow:0 2px 8px rgba(0,0,0,0.6); margin:-24px; position:absolute; bottom:11.6%; left:50%} .toggle.i .cross {-webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); transform:rotateZ(0deg)} .toggle.i .cross .x {margin-left:-2px; width:4px; margin-top:-12px} .toggle.i .cross .y {margin-top:-4px; height:16px} .cross {-webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); transform:rotateZ(45deg); position:absolute; left:50%; top:50%} .cross .x,.cross .y {-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; background-color:#1D1F27; height:4px; width:4px; margin:-2px; position:absolute; left:0; top:0} .cross .x {margin-left:-12px; margin-top:-2px; width:24px} .cross .y {margin-top:-12px; height:24px} .prompt.hide {visibility:hidden} .prompt.hide .panel {-webkit-transform:translate3d(0,250%,0) rotateY(360deg); -moz-transform:translate3d(0,250%,0) rotateY(360deg); transform:translate3d(0,250%,0) rotateY(360deg); opacity:0} .prompt .cell {-webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px} .prompt .dismiss {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5); background-color:transparent; position:absolute; right:4px; top:4px} .prompt .x,.prompt .y {background:#FFFFFF} .prompt .center {max-width:300px; width:82%} .prompt .panel {-webkit-perspective:none; -moz-perspective:none; perspective:none; -webkit-transform-style:flat; -moz-transform-style:flat; transform-style:flat; -webkit-transition:all 1.8s cubic-bezier(0.77,0,0.175,1); -moz-transition:all 1.8s cubic-bezier(0.77,0,0.175,1); transition:all 1.8s cubic-bezier(0.77,0,0.175,1); border:1px solid rgba(255,255,255,0.15); background-color:rgba(0,0,0,0.65); padding:1.2em 0 1.8em} .prompt .panel img {margin:0.6em auto; width:100px} .prompt .panel h2 {margin:0 0 0.4em} .prompt .panel p {font-size:1.25em; margin:0 10% 1.25em; line-height:1.25em; color:#999999} .prompt .tilt-scene {-webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px; -webkit-transform:translate3d(0,0,100px); -moz-transform:translate3d(0,0,100px); transform:translate3d(0,0,100px); margin:0 auto; width:60%} .prompt .tilt {-webkit-animation:tilt 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:tilt 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:tilt 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .scene,.layer {display:block; height:100%; width:100%; padding:0; margin:0} .scene {min-height:460px; position:relative; overflow:hidden} .layer {position:absolute} .layer div {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden} .title {font-size:3em; text-shadow:0 8px 6px rgba(0,0,0,0.6); margin-top:-0.7em; position:absolute; width:100%; top:12%; z-index:9999} .background {background:url(../images/background.webp) no-repeat 50% 100%; bottom:96px; background-size:cover; position:absolute; width:110%; left:-5%; top:-5%} .lighthouse {-webkit-transform-origin:50% 90%; -moz-transform-origin:50% 90%; transform-origin:50% 90%; -webkit-animation:lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); margin:0 -64px; background-size:128px 224px; height:224px; width:128px; background-image:url(../images/lighthouse.webp); background-repeat:no-repeat; bottom:64px; position:absolute; right:20%} .wave {background:transparent repeat-x; position:absolute; width:300%; left:-100%} .wave:after {background-color:#5f7cde; position:absolute; display:block; content:""; height:500px; width:100%; top:100%; left:0} .wave.plain {background-image:url(../images/wave-plain.webp)} .wave.paint {background-image:url(../images/wave-paint.webp)} .light {margin:-120px -120px; background-size:240px 240px; height:240px; width:240px; background-repeat:no-repeat; bottom:112px; position:absolute; left:50%} .light.orange {background-image:url(../images/light-orange.webp)} .light.purple {background-image:url(../images/light-purple.webp)} .light.a {bottom:80px; left:20%} .light.b {bottom:80px; left:30%} .light.c {bottom:112px; left:45%} .light.d {bottom:96px; left:60%} .light.e {bottom:112px; left:75%} .light.f {bottom:64px; left:80%} .light.phase-1 {-webkit-animation:phase 20s 0.1s infinite linear; -moz-animation:phase 20s 0.1s infinite linear; animation:phase 20s 0.1s infinite linear} .light.phase-2 {-webkit-animation:phase 18s 0.1s infinite linear; -moz-animation:phase 18s 0.1s infinite linear; animation:phase 18s 0.1s infinite linear} .light.phase-3 {-webkit-animation:phase 16s 0.1s infinite linear; -moz-animation:phase 16s 0.1s infinite linear; animation:phase 16s 0.1s infinite linear} .light.phase-4 {-webkit-animation:phase 14s 0.1s infinite linear; -moz-animation:phase 14s 0.1s infinite linear; animation:phase 14s 0.1s infinite linear} .light.phase-5 {-webkit-animation:phase 12s 0.1s infinite linear; -moz-animation:phase 12s 0.1s infinite linear; animation:phase 12s 0.1s infinite linear} .light.phase-6 {-webkit-animation:phase 10s 0.1s infinite linear; -moz-animation:phase 10s 0.1s infinite linear; animation:phase 10s 0.1s infinite linear} .rope {width:120%; position:relative; left:-10%; position:relative} .hanger {-webkit-transform-origin:0 0; -moz-transform-origin:0 0; transform-origin:0 0; position:absolute} .hanger.position-1 {top:28%} .hanger.position-2 {top:46%} .hanger.position-3 {top:59%} .hanger.position-4 {top:66.5%} .hanger.position-5 {top:69.5%} .hanger.position-6 {top:66.5%} .hanger.position-7 {top:59%} .hanger.position-8 {top:46%} .hanger.position-9 {top:28%} .hanger.position-1 {left:10%} .hanger.position-2 {left:20%} .hanger.position-3 {left:30%} .hanger.position-4 {left:40%} .hanger.position-5 {left:50%} .hanger.position-6 {left:60%} .hanger.position-7 {left:70%} .hanger.position-8 {left:80%} .hanger.position-9 {left:90%} .board {-webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; margin:0 -140px; background-size:280px 280px; height:280px; width:280px; background-repeat:no-repeat; position:absolute; top:-4px; left:0} .board.birds {background-image:url(../images/board-birds.webp)} .board.cloud-1 {background-image:url(../images/board-cloud-1.webp)} .board.cloud-2 {background-image:url(../images/board-cloud-2.webp)} .board.cloud-3 {background-image:url(../images/board-cloud-3.webp)} .board.cloud-4 {background-image:url(../images/board-cloud-4.webp)} .board.cloud-5 {background-image:url(../images/sundesert.webp)} .swing-1 {-webkit-animation:swing 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:swing 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:swing 4s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .swing-2 {-webkit-animation:swing 3.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:swing 3.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:swing 3.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .swing-3 {-webkit-animation:swing 3s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:swing 3s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:swing 3s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .swing-4 {-webkit-animation:swing 2.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:swing 2.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:swing 2.5s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .swing-5 {-webkit-animation:swing 2s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); -moz-animation:swing 2s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955); animation:swing 2s infinite alternate cubic-bezier(0.455,0.03,0.515,0.955)} .wave.depth-10 {-webkit-animation:wave 8s 0.1s infinite linear; -moz-animation:wave 8s 0.1s infinite linear; animation:wave 8s 0.1s infinite linear; bottom:140px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:16px} .wave.depth-10:after {height:144px} .rope.depth-10 {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); top:20%} .rope.depth-10 .hanger {-webkit-transform:scale(0.25); -moz-transform:scale(0.25); transform:scale(0.25)} .wave.depth-20 {-webkit-animation:wave 7.55556s 0.1s infinite linear; -moz-animation:wave 7.55556s 0.1s infinite linear; animation:wave 7.55556s 0.1s infinite linear; bottom:120px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:32px} .wave.depth-20:after {height:128px} .rope.depth-20 {-webkit-transform:scale(1.02778); -moz-transform:scale(1.02778); transform:scale(1.02778); top:16.66667%} .rope.depth-20 .hanger {-webkit-transform:scale(0.27778); -moz-transform:scale(0.27778); transform:scale(0.27778)} .wave.depth-30 {-webkit-animation:wave 7.11111s 0.1s infinite linear; -moz-animation:wave 7.11111s 0.1s infinite linear; animation:wave 7.11111s 0.1s infinite linear; bottom:100px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:48px} .wave.depth-30:after {height:112px} .rope.depth-30 {-webkit-transform:scale(1.05556); -moz-transform:scale(1.05556); transform:scale(1.05556); top:13.33333%} .rope.depth-30 .hanger {-webkit-transform:scale(0.30556); -moz-transform:scale(0.30556); transform:scale(0.30556)} .wave.depth-40 {-webkit-animation:wave 6.66667s 0.1s infinite linear; -moz-animation:wave 6.66667s 0.1s infinite linear; animation:wave 6.66667s 0.1s infinite linear; bottom:80px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:64px} .wave.depth-40:after {height:96px} .rope.depth-40 {-webkit-transform:scale(1.08333); -moz-transform:scale(1.08333); transform:scale(1.08333); top:10%} .rope.depth-40 .hanger {-webkit-transform:scale(0.33333); -moz-transform:scale(0.33333); transform:scale(0.33333)} .wave.depth-50 {-webkit-animation:wave 6.22222s 0.1s infinite linear; -moz-animation:wave 6.22222s 0.1s infinite linear; animation:wave 6.22222s 0.1s infinite linear; bottom:60px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:80px} .wave.depth-50:after {height:80px} .rope.depth-50 {-webkit-transform:scale(1.11111); -moz-transform:scale(1.11111); transform:scale(1.11111); top:6.66667%} .rope.depth-50 .hanger {-webkit-transform:scale(0.36111); -moz-transform:scale(0.36111); transform:scale(0.36111)} .wave.depth-60 {-webkit-animation:wave 5.77778s 0.1s infinite linear; -moz-animation:wave 5.77778s 0.1s infinite linear; animation:wave 5.77778s 0.1s infinite linear; bottom:40px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:96px} .wave.depth-60:after {height:64px} .rope.depth-60 {-webkit-transform:scale(1.13889); -moz-transform:scale(1.13889); transform:scale(1.13889); top:3.33333%} .rope.depth-60 .hanger {-webkit-transform:scale(0.38889); -moz-transform:scale(0.38889); transform:scale(0.38889)} .wave.depth-70 {-webkit-animation:wave 5.33333s 0.1s infinite linear; -moz-animation:wave 5.33333s 0.1s infinite linear; animation:wave 5.33333s 0.1s infinite linear; bottom:20px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:112px} .wave.depth-70:after {height:48px} .rope.depth-70 {-webkit-transform:scale(1.16667); -moz-transform:scale(1.16667); transform:scale(1.16667); top:0} .rope.depth-70 .hanger {-webkit-transform:scale(0.41667); -moz-transform:scale(0.41667); transform:scale(0.41667)} .wave.depth-80 {-webkit-animation:wave 4.88889s 0.1s infinite linear; -moz-animation:wave 4.88889s 0.1s infinite linear; animation:wave 4.88889s 0.1s infinite linear; bottom:0; margin:0 0; background-position:center bottom; background-size:auto 101%; height:128px} .wave.depth-80:after {height:32px} .rope.depth-80 {-webkit-transform:scale(1.19444); -moz-transform:scale(1.19444); transform:scale(1.19444); top:-3.33333%} .rope.depth-80 .hanger {-webkit-transform:scale(0.44444); -moz-transform:scale(0.44444); transform:scale(0.44444)} .wave.depth-90 {-webkit-animation:wave 4.44444s 0.1s infinite linear; -moz-animation:wave 4.44444s 0.1s infinite linear; animation:wave 4.44444s 0.1s infinite linear; bottom:-20px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:144px} .wave.depth-90:after {height:16px} .rope.depth-90 {-webkit-transform:scale(1.22222); -moz-transform:scale(1.22222); transform:scale(1.22222); top:-6.66667%} .rope.depth-90 .hanger {-webkit-transform:scale(0.47222); -moz-transform:scale(0.47222); transform:scale(0.47222)} .wave.depth-100 {-webkit-animation:wave 4s 0.1s infinite linear; -moz-animation:wave 4s 0.1s infinite linear; animation:wave 4s 0.1s infinite linear; bottom:-40px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:160px} .wave.depth-100:after {height:0} .rope.depth-100 {-webkit-transform:scale(1.25); -moz-transform:scale(1.25); transform:scale(1.25); top:-10%} .rope.depth-100 .hanger {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5)} @media all and (min-width:400px) {html {font-size:12px} .wrapper {min-height:360px} .about .panel header:before {background-size:66px 90px} .toggle {bottom:12%} .prompt .panel img {width:80px} .scene {min-height:360px} .rope.depth-10 {top:10%} .rope.depth-10 .hanger {-webkit-transform:scale(0.3); -moz-transform:scale(0.3); transform:scale(0.3)} .rope.depth-20 {top:6.11111%} .rope.depth-20 .hanger {-webkit-transform:scale(0.33333); -moz-transform:scale(0.33333); transform:scale(0.33333)} .rope.depth-30 {top:2.22222%} .rope.depth-30 .hanger {-webkit-transform:scale(0.36667); -moz-transform:scale(0.36667); transform:scale(0.36667)} .rope.depth-40 {top:-1.66667%} .rope.depth-40 .hanger {-webkit-transform:scale(0.4); -moz-transform:scale(0.4); transform:scale(0.4)} .rope.depth-50 {top:-5.55556%} .rope.depth-50 .hanger {-webkit-transform:scale(0.43333); -moz-transform:scale(0.43333); transform:scale(0.43333)} .rope.depth-60 {top:-9.44444%} .rope.depth-60 .hanger {-webkit-transform:scale(0.46667); -moz-transform:scale(0.46667); transform:scale(0.46667)} .rope.depth-70 {top:-13.33333%} .rope.depth-70 .hanger {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5)} .rope.depth-80 {top:-17.22222%} .rope.depth-80 .hanger {-webkit-transform:scale(0.53333); -moz-transform:scale(0.53333); transform:scale(0.53333)} .rope.depth-90 {top:-21.11111%} .rope.depth-90 .hanger {-webkit-transform:scale(0.56667); -moz-transform:scale(0.56667); transform:scale(0.56667)} .rope.depth-100 {top:-25%} .rope.depth-100 .hanger {-webkit-transform:scale(0.6); -moz-transform:scale(0.6); transform:scale(0.6)} } @media all and (min-width:600px) {html {font-size:15px} footer {padding:0 10px 20px} footer .fb-like,footer .twitter-share-button {position:static; bottom:auto; right:auto} .center {max-width:440px} .about .panel:after {background-size:252px 252px; height:180px; width:140px} .about .panel header:before {background-size:82.5px 112.5px} .prompt {overflow:visible; display:block; width:0} .prompt.hide .panel {-webkit-transform:translate3d(0,50%,400px) rotateX(90deg); -moz-transform:translate3d(0,50%,400px) rotateX(90deg); transform:translate3d(0,50%,400px) rotateX(90deg)} .prompt .cell {position:absolute; display:block; bottom:25px; left:25px} .prompt .dismiss {right:0; top:0} .prompt .panel {-webkit-transition:all 1.2s cubic-bezier(0.77,0,0.175,1); -moz-transition:all 1.2s cubic-bezier(0.77,0,0.175,1); transition:all 1.2s cubic-bezier(0.77,0,0.175,1); -webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; transform-origin:50% 100%; padding:1em 0 0.8em; width:220px} .prompt .panel img {margin:0.4em auto 0.6em; width:80px} .prompt .panel h2 {font-size:1.6em} .prompt .panel p {font-size:0.93333em; margin:0 10% 1.3em; line-height:1.3em} .toggle {margin:-28px; bottom:15%} .title {font-size:3.46667em} .background {bottom:96px} .lighthouse {margin:0 -96px; background-size:192px 336px; height:336px; width:192px; bottom:128px} .light {margin:-140px -140px; background-size:280px 280px; height:280px; width:280px} .light.a {bottom:144px} .light.b {bottom:144px} .light.c {bottom:192px} .light.d {bottom:160px} .light.e {bottom:192px} .light.f {bottom:128px} .wave.depth-10 {bottom:210px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:24px} .wave.depth-10:after {height:216px} .rope.depth-10 {top:20%} .rope.depth-10 .hanger {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5)} .wave.depth-20 {bottom:180px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:48px} .wave.depth-20:after {height:192px} .rope.depth-20 {top:16.66667%} .rope.depth-20 .hanger {-webkit-transform:scale(0.55556); -moz-transform:scale(0.55556); transform:scale(0.55556)} .wave.depth-30 {bottom:150px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:72px} .wave.depth-30:after {height:168px} .rope.depth-30 {top:13.33333%} .rope.depth-30 .hanger {-webkit-transform:scale(0.61111); -moz-transform:scale(0.61111); transform:scale(0.61111)} .wave.depth-40 {bottom:120px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:96px} .wave.depth-40:after {height:144px} .rope.depth-40 {top:10%} .rope.depth-40 .hanger {-webkit-transform:scale(0.66667); -moz-transform:scale(0.66667); transform:scale(0.66667)} .wave.depth-50 {bottom:90px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:120px} .wave.depth-50:after {height:120px} .rope.depth-50 {top:6.66667%} .rope.depth-50 .hanger {-webkit-transform:scale(0.72222); -moz-transform:scale(0.72222); transform:scale(0.72222)} .wave.depth-60 {bottom:60px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:144px} .wave.depth-60:after {height:96px} .rope.depth-60 {top:3.33333%} .rope.depth-60 .hanger {-webkit-transform:scale(0.77778); -moz-transform:scale(0.77778); transform:scale(0.77778)} .wave.depth-70 {bottom:30px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:168px} .wave.depth-70:after {height:72px} .rope.depth-70 {top:0} .rope.depth-70 .hanger {-webkit-transform:scale(0.83333); -moz-transform:scale(0.83333); transform:scale(0.83333)} .wave.depth-80 {bottom:0; margin:0 0; background-position:center bottom; background-size:auto 101%; height:192px} .wave.depth-80:after {height:48px} .rope.depth-80 {top:-3.33333%} .rope.depth-80 .hanger {-webkit-transform:scale(0.88889); -moz-transform:scale(0.88889); transform:scale(0.88889)} .wave.depth-90 {bottom:-30px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:216px} .wave.depth-90:after {height:24px} .rope.depth-90 {top:-6.66667%} .rope.depth-90 .hanger {-webkit-transform:scale(0.94444); -moz-transform:scale(0.94444); transform:scale(0.94444)} .wave.depth-100 {bottom:-60px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:240px} .wave.depth-100:after {height:0} .rope.depth-100 {top:-10%} .rope.depth-100 .hanger {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1)} } @media all and (min-width:900px) {html {font-size:15px} .center {max-width:560px} .about .panel:after {background-size:280px 280px; height:200px; width:160px} .about .panel header:before {background-size:82.5px 112.5px} .about .panel .links a {padding:0.5em 0 0.3em} .toggle {margin:-24px; bottom:12%} .title {font-size:3.46667em} .background {bottom:160px} .lighthouse {margin:0 -104px; background-size:208px 364px; height:364px; width:208px; bottom:128px} .light {margin:-160px -160px; background-size:320px 320px; height:320px; width:320px} .light.a {bottom:112px; left:15%} .light.b {bottom:160px} .light.c {bottom:208px} .light.d {bottom:176px} .light.e {bottom:208px} .light.f {bottom:128px; left:85%} .wave.depth-10 {bottom:238px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:27px} .wave.depth-10:after {height:244.8px} .rope.depth-10 {top:10%} .rope.depth-10 .hanger {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5)} .wave.depth-20 {bottom:204px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:54px} .wave.depth-20:after {height:217.6px} .rope.depth-20 {top:6.66667%} .rope.depth-20 .hanger {-webkit-transform:scale(0.56111); -moz-transform:scale(0.56111); transform:scale(0.56111)} .wave.depth-30 {bottom:170px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:82px} .wave.depth-30:after {height:190.4px} .rope.depth-30 {top:3.33333%} .rope.depth-30 .hanger {-webkit-transform:scale(0.62222); -moz-transform:scale(0.62222); transform:scale(0.62222)} .wave.depth-40 {bottom:136px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:109px} .wave.depth-40:after {height:163.2px} .rope.depth-40 {top:0} .rope.depth-40 .hanger {-webkit-transform:scale(0.68333); -moz-transform:scale(0.68333); transform:scale(0.68333)} .wave.depth-50 {bottom:102px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:136px} .wave.depth-50:after {height:136px} .rope.depth-50 {top:-3.33333%} .rope.depth-50 .hanger {-webkit-transform:scale(0.74444); -moz-transform:scale(0.74444); transform:scale(0.74444)} .wave.depth-60 {bottom:68px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:163px} .wave.depth-60:after {height:108.8px} .rope.depth-60 {top:-6.66667%} .rope.depth-60 .hanger {-webkit-transform:scale(0.80556); -moz-transform:scale(0.80556); transform:scale(0.80556)} .wave.depth-70 {bottom:34px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:190px} .wave.depth-70:after {height:81.6px} .rope.depth-70 {top:-10%} .rope.depth-70 .hanger {-webkit-transform:scale(0.86667); -moz-transform:scale(0.86667); transform:scale(0.86667)} .wave.depth-80 {bottom:-1px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:218px} .wave.depth-80:after {height:54.4px} .rope.depth-80 {top:-13.33333%} .rope.depth-80 .hanger {-webkit-transform:scale(0.92778); -moz-transform:scale(0.92778); transform:scale(0.92778)} .wave.depth-90 {bottom:-35px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:245px} .wave.depth-90:after {height:27.2px} .rope.depth-90 {top:-16.66667%} .rope.depth-90 .hanger {-webkit-transform:scale(0.98889); -moz-transform:scale(0.98889); transform:scale(0.98889)} .wave.depth-100 {bottom:-68px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:272px} .wave.depth-100:after {height:0} .rope.depth-100 {top:-20%} .rope.depth-100 .hanger {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05)} } @media all and (min-width:1200px) {html {font-size:16px} .center {max-width:620px} .about .panel:after {background-size:280px 280px; height:200px; width:170px} .about .panel header:before {background-size:93.5px 127.5px} .prompt .panel {width:240px} .lighthouse {margin:0 -112px; background-size:224px 392px; height:392px; width:224px} .light {margin:-200px -200px; background-size:400px 400px; height:400px; width:400px} .wave.depth-10 {bottom:252px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:29px} .wave.depth-10:after {height:259.2px} .rope.depth-10 {top:5%} .rope.depth-10 .hanger {-webkit-transform:scale(0.6); -moz-transform:scale(0.6); transform:scale(0.6)} .wave.depth-20 {bottom:216px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:58px} .wave.depth-20:after {height:230.4px} .rope.depth-20 {top:1.66667%} .rope.depth-20 .hanger {-webkit-transform:scale(0.67778); -moz-transform:scale(0.67778); transform:scale(0.67778)} .wave.depth-30 {bottom:180px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:86px} .wave.depth-30:after {height:201.6px} .rope.depth-30 {top:-1.66667%} .rope.depth-30 .hanger {-webkit-transform:scale(0.75556); -moz-transform:scale(0.75556); transform:scale(0.75556)} .wave.depth-40 {bottom:144px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:115px} .wave.depth-40:after {height:172.8px} .rope.depth-40 {top:-5%} .rope.depth-40 .hanger {-webkit-transform:scale(0.83333); -moz-transform:scale(0.83333); transform:scale(0.83333)} .wave.depth-50 {bottom:108px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:144px} .wave.depth-50:after {height:144px} .rope.depth-50 {top:-8.33333%} .rope.depth-50 .hanger {-webkit-transform:scale(0.91111); -moz-transform:scale(0.91111); transform:scale(0.91111)} .wave.depth-60 {bottom:72px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:173px} .wave.depth-60:after {height:115.2px} .rope.depth-60 {top:-11.66667%} .rope.depth-60 .hanger {-webkit-transform:scale(0.98889); -moz-transform:scale(0.98889); transform:scale(0.98889)} .wave.depth-70 {bottom:36px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:202px} .wave.depth-70:after {height:86.4px} .rope.depth-70 {top:-15%} .rope.depth-70 .hanger {-webkit-transform:scale(1.06667); -moz-transform:scale(1.06667); transform:scale(1.06667)} .wave.depth-80 {bottom:-1px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:230px} .wave.depth-80:after {height:57.6px} .rope.depth-80 {top:-18.33333%} .rope.depth-80 .hanger {-webkit-transform:scale(1.14444); -moz-transform:scale(1.14444); transform:scale(1.14444)} .wave.depth-90 {bottom:-36px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:259px} .wave.depth-90:after {height:28.8px} .rope.depth-90 {top:-21.66667%} .rope.depth-90 .hanger {-webkit-transform:scale(1.22222); -moz-transform:scale(1.22222); transform:scale(1.22222)} .wave.depth-100 {bottom:-72px; margin:0 0; background-position:center bottom; background-size:auto 101%; height:288px} .wave.depth-100:after {height:0} .rope.depth-100 {top:-25%} .rope.depth-100 .hanger {-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3)} } .cross,.x,.y {-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1); transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1)} .about .panel,.about .cables {-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1); -moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1); transition:all 0.8s cubic-bezier(0.77,0,0.175,1)} @-webkit-keyframes phase {0% {opacity:1} 25% {opacity:0.4} 50% {opacity:0.8} 75% {opacity:0.4} 100% {opacity:1} } @-moz-keyframes phase {0% {opacity:1} 25% {opacity:0.4} 50% {opacity:0.8} 75% {opacity:0.4} 100% {opacity:1} } @-ms-keyframes phase {0% {opacity:1} 25% {opacity:0.4} 50% {opacity:0.8} 75% {opacity:0.4} 100% {opacity:1} } @keyframes phase {0% {opacity:1} 25% {opacity:0.4} 50% {opacity:0.8} 75% {opacity:0.4} 100% {opacity:1} } @-webkit-keyframes tilt {0% {-webkit-transform:rotateX(-30deg); -moz-transform:rotateX(-30deg); transform:rotateX(-30deg)} 25% {-webkit-transform:rotateX(30deg); -moz-transform:rotateX(30deg); transform:rotateX(30deg)} 50% {-webkit-transform:rotateY(-30deg); -moz-transform:rotateY(-30deg); transform:rotateY(-30deg)} 75% {-webkit-transform:rotateY(30deg); -moz-transform:rotateY(30deg); transform:rotateY(30deg)} 100% {-webkit-transform:rotateZ(20deg); -moz-transform:rotateZ(20deg); transform:rotateZ(20deg)} } @-moz-keyframes tilt {0% {-webkit-transform:rotateX(-30deg); -moz-transform:rotateX(-30deg); transform:rotateX(-30deg)} 25% {-webkit-transform:rotateX(30deg); -moz-transform:rotateX(30deg); transform:rotateX(30deg)} 50% {-webkit-transform:rotateY(-30deg); -moz-transform:rotateY(-30deg); transform:rotateY(-30deg)} 75% {-webkit-transform:rotateY(30deg); -moz-transform:rotateY(30deg); transform:rotateY(30deg)} 100% {-webkit-transform:rotateZ(20deg); -moz-transform:rotateZ(20deg); transform:rotateZ(20deg)} } @-ms-keyframes tilt {0% {-webkit-transform:rotateX(-30deg); -moz-transform:rotateX(-30deg); transform:rotateX(-30deg)} 25% {-webkit-transform:rotateX(30deg); -moz-transform:rotateX(30deg); transform:rotateX(30deg)} 50% {-webkit-transform:rotateY(-30deg); -moz-transform:rotateY(-30deg); transform:rotateY(-30deg)} 75% {-webkit-transform:rotateY(30deg); -moz-transform:rotateY(30deg); transform:rotateY(30deg)} 100% {-webkit-transform:rotateZ(20deg); -moz-transform:rotateZ(20deg); transform:rotateZ(20deg)} } @keyframes tilt {0% {-webkit-transform:rotateX(-30deg); -moz-transform:rotateX(-30deg); transform:rotateX(-30deg)} 25% {-webkit-transform:rotateX(30deg); -moz-transform:rotateX(30deg); transform:rotateX(30deg)} 50% {-webkit-transform:rotateY(-30deg); -moz-transform:rotateY(-30deg); transform:rotateY(-30deg)} 75% {-webkit-transform:rotateY(30deg); -moz-transform:rotateY(30deg); transform:rotateY(30deg)} 100% {-webkit-transform:rotateZ(20deg); -moz-transform:rotateZ(20deg); transform:rotateZ(20deg)} } @-webkit-keyframes wave {0% {-webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)} 100% {-webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)} } @-moz-keyframes wave {0% {-webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)} 100% {-webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)} } @-ms-keyframes wave {0% {-webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)} 100% {-webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)} } @keyframes wave {0% {-webkit-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); -moz-transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); transform:rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg)} 100% {-webkit-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform:rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)} } @-webkit-keyframes lighthouse {0% {-webkit-transform:translate3d(15%,0,0) rotateZ(10deg); -moz-transform:translate3d(15%,0,0) rotateZ(10deg); transform:translate3d(15%,0,0) rotateZ(10deg)} 100% {-webkit-transform:translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform:translate3d(-15%,0,0) rotateZ(-10deg); transform:translate3d(-15%,0,0) rotateZ(-10deg)} } @-moz-keyframes lighthouse {0% {-webkit-transform:translate3d(15%,0,0) rotateZ(10deg); -moz-transform:translate3d(15%,0,0) rotateZ(10deg); transform:translate3d(15%,0,0) rotateZ(10deg)} 100% {-webkit-transform:translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform:translate3d(-15%,0,0) rotateZ(-10deg); transform:translate3d(-15%,0,0) rotateZ(-10deg)} } @-ms-keyframes lighthouse {0% {-webkit-transform:translate3d(15%,0,0) rotateZ(10deg); -moz-transform:translate3d(15%,0,0) rotateZ(10deg); transform:translate3d(15%,0,0) rotateZ(10deg)} 100% {-webkit-transform:translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform:translate3d(-15%,0,0) rotateZ(-10deg); transform:translate3d(-15%,0,0) rotateZ(-10deg)} } @keyframes lighthouse {0% {-webkit-transform:translate3d(15%,0,0) rotateZ(10deg); -moz-transform:translate3d(15%,0,0) rotateZ(10deg); transform:translate3d(15%,0,0) rotateZ(10deg)} 100% {-webkit-transform:translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform:translate3d(-15%,0,0) rotateZ(-10deg); transform:translate3d(-15%,0,0) rotateZ(-10deg)} } @-webkit-keyframes swing {0% {-webkit-transform:rotateZ(10deg); -moz-transform:rotateZ(10deg); transform:rotateZ(10deg)} 100% {-webkit-transform:rotateZ(-10deg); -moz-transform:rotateZ(-10deg); transform:rotateZ(-10deg)} } @-moz-keyframes swing {0% {-webkit-transform:rotateZ(10deg); -moz-transform:rotateZ(10deg); transform:rotateZ(10deg)} 100% {-webkit-transform:rotateZ(-10deg); -moz-transform:rotateZ(-10deg); transform:rotateZ(-10deg)} } @-ms-keyframes swing {0% {-webkit-transform:rotateZ(10deg); -moz-transform:rotateZ(10deg); transform:rotateZ(10deg)} 100% {-webkit-transform:rotateZ(-10deg); -moz-transform:rotateZ(-10deg); transform:rotateZ(-10deg)} } @keyframes swing {0% {-webkit-transform:rotateZ(10deg); -moz-transform:rotateZ(10deg); transform:rotateZ(10deg)} 100% {-webkit-transform:rotateZ(-10deg); -moz-transform:rotateZ(-10deg); transform:rotateZ(-10deg)} } html.touch .toggle.tap .x,html.touch .toggle.tap .y {background-color:#FFFFFF} html.touch .links a.tap {background-color:#D92400; color:#FFFFFF} #search_form {z-index:999; margin:0 3%; background:#66b0e1; position:relative; padding:10px 190px 10px 10px; border:3px solid #ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.5),inset 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.5),inset 0 0 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5),inset 0 0 5px 0 rgba(0,0,0,0.5)} #search_button {background:#da3a4a; background:-moz-linear-gradient(top,#da3a4a 0,#bd2b39 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#da3a4a),color-stop(100%,#bd2b39)); background:-webkit-linear-gradient(top,#da3a4a 0,#bd2b39 100%); background:-o-linear-gradient(top,#da3a4a 0,#bd2b39 100%); background:-ms-linear-gradient(top,#da3a4a 0,#bd2b39 100%); background:linear-gradient(top,#da3a4a 0,#bd2b39 100%); font-size:20px; line-height:40px; color:#ffffff; text-shadow:0 1px 1px #641010; float:right; width:150px; height:40px; margin:0 -180px 0 0; padding:0; border:1px solid #e03c4c; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); box-shadow:0 1px 2px rgba(0,0,0,0.5)} #search_button:hover {background:#e03c4c; cursor:pointer} .clearfix:before,.clearfix:after {content:""; display:table} .clearfix:after {clear:both} .clearfix {zoom:1} @media screen and (max-width:799px),screen and (max-width:768px) and (orientation:portrait) {body {padding:20px} #search_form {padding:10px 120px 10px 10px} #search_button {font-size:16px; line-height:30px; width:80px; height:30px; margin:0 -110px 0 0} } #log {margin-left:10px; width:575px; position:absolute; left:1px; top:75px; z-index:9999; height:50px; border:10px solid red; border-left-color:red; border-top-color:red; margin-top:10px; visibility:hidden; font-size:25px; font-weight:700; text-align:center; padding:.5em 0 .2em} .search-container {margin-top:1%; margin-bottom:15px; position:sticky; z-index:9; margin-left:auto; margin-right:auto; text-align:center} .autocomplete {position:relative; display:inline-block; width:100%} .s130 form .inner-form {display:-ms-flexbox; display:flex; width:100%; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; box-shadow:0 8px 20px 0 rgba(0,0,0,.15); border-radius:10px; overflow:hidden; border:1px solid #00ad5f} .s130 form .inner-form .input-field.first-wrap {-ms-flex-positive:1; flex-grow:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; background:#fff; height:51px} .s130 form .inner-form .input-field input {height:100%; background:0 0; border:0; display:block; width:100%; padding:10px 0; font-size:16px; color:#000; margin-left:5px; padding-left:15px} .input-group-btn {position:relative; font-size:0; white-space:nowrap; width:120px; vertical-align:middle; height:61px} .search-container input,.sub-search-container input {width:500px; color:var(--search-container-text-color); background-color:var(--search-container-background-color); padding:10px; font-size:inherit; font-family:sans-serif; border:1px solid var(--search-container-background-border); border-radius:6px; font-size:18px; -webkit-box-shadow:1px -1px 28px 8px rgba(34,60,80,0.2); -moz-box-shadow:1px -1px 28px 8px rgba(34,60,80,0.2); box-shadow:1px -1px 28px 8px rgba(34,60,80,0.2); border:3px solid #fee057} .search-container h1 {font-family:Merge Pro,Verdana,Arial; font-size:45px; margin-top:auto; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000} .s130 {-ms-flex-pack:center; justify-content:center; background-position:bottom right; max-width:500px; margin-top:1%; margin-bottom:15px; position:sticky; z-index:9; margin-left:auto; margin-right:auto; text-align:center; padding:0 5px} .input-lg {height:100%; width:100%; white-space:nowrap; font-size:16px; color:#ffffff; border:0; cursor:pointer; position:relative; z-index:0; background:#ffa51a; font-weight:600} .search-button-wrapper button,.misc-container button,.misc-container select {color:#ffffff; background-color:var(--button-bg); font-size:14px; border:1px solid var(--main-bg); border-radius:4px; padding:9px 10px 9px 10px} .search-button-wrapper button {margin-top:10px; width:150px; background-color:#248628; font-size:20px} .search-button-wrapper button:hover,.misc-container button:hover {border:1px solid #5f6368; cursor:pointer; background-color:#ed9000} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform: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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(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(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(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(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(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(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-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;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-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;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform: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%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform: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%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}