a.block-link{display:block;text-decoration:none !important;padding:0;margin:0;color:inherit}a.block-link:link,a.block-link:visited,a.block-link:hover,a.block-link:active{color:inherit}
.target_stack.width-fill{width:100%}.target_stack.width-auto{width:auto}.target_stack.position-browser{position:fixed !important}.target_stack.position-absolute{position:absolute !important}.target_stack.position-body{position:absolute !important}.target_stack.position-right{float:right}.target_stack.position-left{float:left}.target_stack.vcenter{top:0;height:100%}.target_stack.vcenter > .com_joeworkman_stacks_target_stack{position:relative;top:50%;transform:translateY(-50%)}.target_stack.hcenter > .com_joeworkman_stacks_target_stack{position:relative;left:50%;transform:translateX(-50%)}.target_stack.hcenter.vcenter > .com_joeworkman_stacks_target_stack{transform:translateX(-50%) translateY(-50%)}@media only screen and (min-width:40em){.target_stack.target-small-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important}.target_stack.target-small-only > .com_joeworkman_stacks_target_stack{left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important}}@media only screen and (max-width:39.9375em){.target_stack.disable-small{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important}.target_stack.disable-small > .com_joeworkman_stacks_target_stack{left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important}}@media only screen and (max-width:62.5em){.target_stack.disable-medium{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important}.target_stack.disable-medium > .com_joeworkman_stacks_target_stack{left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important}}
@-webkit-keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0% -500%}}@keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0% -500%}}@-webkit-keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0% 500%}}@keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0% 500%}}@-webkit-keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0%}}@keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0%}}@-webkit-keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0%}}@keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0%}}@-webkit-keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@-webkit-keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@-webkit-keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@-webkit-keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}@keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}.com_joeworkman_stacks_jack4_stack > .jack{margin:0;padding:0;border:0;background:none;background-color:transparent;position:relative;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.com_joeworkman_stacks_jack4_stack > .jack.align-center{margin-left:auto !important;margin-right:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.align-right{margin-left:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.align-left{margin-right:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.touch-device{background-attachment:scroll !important}.com_joeworkman_stacks_jack4_stack > .jack.bg-image{background-size:auto}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.glass{z-index:1}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.glass::after{background-size:auto;content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-cover,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-cover.glass::after{background-size:cover}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-contain,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-contain.glass::after{background-size:contain}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-fill,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-fill.glass::after{background-size:100% 100%}.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::after,.com_joeworkman_stacks_jack4_stack > .jack.peek-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.peek-shadow::after{z-index:-1;position:absolute;content:"";height:auto;background-color:transparent}.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::after{width:50%;top:50%}.com_joeworkman_stacks_jack4_stack > .jack.scroll-x{overflow-x:auto !important;white-space:nowrap;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_jack4_stack > .jack.scroll-x > .stacks_out{display:inline-block;white-space:nowrap}.com_joeworkman_stacks_jack4_stack > .jack.scroll-y{overflow-y:auto !important;-webkit-overflow-scrolling:touch}
.target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}
.theme-version{display:block}.theme-version.number-110,#stacks_in_237819_3{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(108, 101, 29, 1.00);}::selection{color:rgba(255, 255, 255, 1.00);background:rgba(108, 101, 29, 1.00);}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(108, 101, 29, 1.00);}body,.font-family-text{font-family:"dinosaur",sans-serif;font-weight:400;}h1,.font-family-h1{font-family:"Rubik",serif;font-style:normal;font-weight:800;}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:"Rubik",serif;font-style:normal;font-weight:800;}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#FFFCEB;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:10px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:10px;border-top-left-radius:10px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1200px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#FFFCEB}img.radius{border-radius:10px}img.round{border-radius:1000px}.row{max-width:1200px !important;}.row.max-edge{max-width:100% !important}body{color:rgba(46, 44, 14, 1.00)}a{color:rgba(108, 101, 29, 1.00);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(227, 0, 27, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(46, 44, 14, 1.00)}.alt a{color:rgba(227, 0, 27, 1.00);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{color:rgba(108, 101, 29, 1.00)}.alt small{color:rgba(59, 57, 18, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(46, 44, 14, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(108, 101, 29, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(59, 57, 18, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(140, 131, 37, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:100%;color:rgba(59, 57, 18, 1.00)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.50rem}h2{font-size:2.18rem}h3{font-size:1.88rem}h4{font-size:1.56rem}h5{font-size:1.25rem}h6{font-size:1.25rem}p,ul li,ol li{font-size:1.25rem}@media only screen and (min-width:40.063em){h1{font-size:3.04rem}h2{font-size:2.70rem}h3{font-size:2.36rem}h4{font-size:2.03rem}h5{font-size:1.69rem}h6{font-size:1.35rem}p,ul li,ol li{font-size:1.35rem}}code{color:rgba(17, 128, 2, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(71, 67, 24, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(71, 67, 24, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(108, 101, 29, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(108, 101, 29, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(108, 101, 29, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(108, 101, 29, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(255, 252, 235, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(46, 44, 14, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(227, 0, 27, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(255, 221, 0, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(59, 57, 18, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(55, 52, 16, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(59, 57, 18, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(55, 52, 16, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1200px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(108, 101, 29, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(102, 95, 27, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(63, 164, 87, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(59, 155, 82, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:10px}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 252, 235, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(255, 252, 235, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 252, 235, 1.00),0 7px 0 1px rgba(255, 252, 235, 1.00),0 14px 0 1px rgba(255, 252, 235, 1.00);box-shadow:0 0 0 1px rgba(255, 252, 235, 1.00),0 7px 0 1px rgba(255, 252, 235, 1.00),0 14px 0 1px rgba(255, 252, 235, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(255, 252, 235, 1.00);color:rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(255, 252, 235, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(108, 101, 29, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(108, 101, 29, 1.00),0 7px 0 1px rgba(108, 101, 29, 1.00),0 14px 0 1px rgba(108, 101, 29, 1.00);box-shadow:0 0 0 1px rgba(108, 101, 29, 1.00),0 7px 0 1px rgba(108, 101, 29, 1.00),0 14px 0 1px rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(46, 44, 14, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(46, 44, 14, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(227, 0, 27, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(227, 0, 27, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00);box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(255, 221, 0, 1.00);color:rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(255, 221, 0, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(108, 101, 29, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(108, 101, 29, 1.00),0 7px 0 1px rgba(108, 101, 29, 1.00),0 14px 0 1px rgba(108, 101, 29, 1.00);box-shadow:0 0 0 1px rgba(108, 101, 29, 1.00),0 7px 0 1px rgba(108, 101, 29, 1.00),0 14px 0 1px rgba(108, 101, 29, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(46, 44, 14, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(46, 44, 14, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(46, 44, 14, 1.00),0 7px 0 1px rgba(46, 44, 14, 1.00),0 14px 0 1px rgba(46, 44, 14, 1.00);box-shadow:0 0 0 1px rgba(46, 44, 14, 1.00),0 7px 0 1px rgba(46, 44, 14, 1.00),0 14px 0 1px rgba(46, 44, 14, 1.00)}.alert-box{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(102, 95, 27, 1.00)}.alert-box a:not(.close){color:rgba(255, 255, 255, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(102, 95, 27, 1.00)}.alert-box.alert{background-color:rgba(108, 101, 29, 1.00);border-color:rgba(102, 95, 27, 1.00)}.alert-box.success{background-color:rgba(63, 164, 87, 1.00);border-color:rgba(59, 155, 82, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(255, 255, 255, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(242, 242, 242, 1.00)}.alert-box.radius{border-radius:10px}.breadcrumbs{background-color:rgba(108, 101, 29, 1.00);border-color:rgba(102, 95, 27, 1.00);color:rgba(255, 255, 255, 1.00)}.breadcrumbs .current a{color:rgba(255, 255, 255, 1.00)}.breadcrumbs.radius{border-radius:10px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(255, 255, 255, 1.00)}.breadcrumbs li:before{color:rgba(255, 255, 255, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.button.secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.button.secondary:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.button.alert{background-color:rgba(108, 101, 29, 1.00)}.button.alert:hover{background-color:rgba(102, 95, 27, 1.00)}.button.success{background-color:rgba(63, 164, 87, 1.00)}.button.success:hover{background-color:rgba(59, 155, 82, 1.00)}.button.radius{border-radius:10px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(108, 101, 29, 1.00);color:rgba(108, 101, 29, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(102, 95, 27, 1.00);background-color:rgba(102, 95, 27, 1.00)}.button.ghost.secondary{border-color:rgba(108, 101, 29, 1.00);color:rgba(108, 101, 29, 1.00)}.button.ghost.secondary:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(102, 95, 27, 1.00);background-color:rgba(102, 95, 27, 1.00)}.button.ghost.alert{border-color:rgba(108, 101, 29, 1.00);color:rgba(108, 101, 29, 1.00)}.button.ghost.alert:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(102, 95, 27, 1.00);background-color:rgba(102, 95, 27, 1.00)}.button.ghost.success{border-color:rgba(63, 164, 87, 1.00);color:rgba(63, 164, 87, 1.00)}.button.ghost.success:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(59, 155, 82, 1.00);background-color:rgba(59, 155, 82, 1.00)}.split.button.radius span{border-top-right-radius:10px;border-bottom-right-radius:10px}.split.button span::after{border-top-color:rgba(255, 255, 255, 1.00)}.split.button.secondary span::after{border-top-color:rgba(255, 255, 255, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:10px;border-top-left-radius:10px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:10px;border-bottom-right-radius:10px}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(255, 255, 255, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar > .item:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.icon-bar.secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar.secondary > .item{color:rgba(255, 255, 255, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(102, 95, 27, 1.00);color:rgba(255, 255, 255, 1.00)}form[data-abide] .error label{color:rgba(108, 101, 29, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}input[type="radio"]{margin-left:1px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(46, 44, 14, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(108, 101, 29, 1.00)}form fieldset{border-color:rgba(71, 67, 24, 1.00)}form legend{background-color:#FFFCEB}form label{color:rgba(55, 52, 16, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:10px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:10px;border-top-left-radius:10px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:10px;border-bottom-right-radius:10px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:10px;border-top-left-radius:10px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:10px;border-bottom-right-radius:10px}.range-slider,.range-slider.radius,.range-slider.round{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(108, 101, 29, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(102, 95, 27, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(108, 101, 29, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(102, 95, 27, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch input:checked + label{background-color:rgba(108, 101, 29, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(108, 101, 29, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(108, 101, 29, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(63, 164, 87, 1.00)}.label{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.label.alert{background-color:rgba(108, 101, 29, 1.00)}.label.success{background-color:rgba(63, 164, 87, 1.00)}.label.radius{border-radius:10px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(108, 101, 29, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(108, 101, 29, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(102, 95, 27, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:10px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(102, 95, 27, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(102, 95, 27, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(102, 95, 27, 1.00)}.tabs li.tab-title > a{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(102, 95, 27, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(102, 95, 27, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(102, 95, 27, 1.00)}.tabs.swatch1 li.tab-title > a{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 252, 235, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(102, 95, 27, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(255, 252, 235, 1.00);background-color:rgba(102, 95, 27, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(255, 252, 235, 1.00);color:rgba(108, 101, 29, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(242, 239, 223, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(108, 101, 29, 1.00);background-color:rgba(242, 239, 223, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(46, 44, 14, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(43, 41, 13, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(43, 41, 13, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(227, 0, 27, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(215, 0, 25, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(215, 0, 25, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(255, 221, 0, 1.00);color:rgba(108, 101, 29, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(242, 209, 0, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(108, 101, 29, 1.00);background-color:rgba(242, 209, 0, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(46, 44, 14, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(46, 44, 14, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:10px;border-top-left-radius:10px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:10px;border-bottom-right-radius:10px}.th.radius{border-radius:10px}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(54, 50, 14, 1.00);box-shadow:0 0 6px 1px rgba(54, 50, 14, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(46, 44, 14, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(46, 44, 14, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:10px}.tooltip{border-radius:10px;background-color:rgba(46, 44, 14, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(113, 106, 30, 1.00);border-color:rgba(102, 95, 27, 1.00)}.panel.radius{border-radius:10px}.panel p{color:rgba(46, 44, 14, 1.00)}.panel p a{color:rgba(108, 101, 29, 1.00)}.panel p.alt{color:rgba(46, 44, 14, 1.00)}.panel p.alt a{color:rgba(227, 0, 27, 1.00)}.panel p.alt a:hover{color:rgba(108, 101, 29, 1.00)}.panel p.alt small{color:rgba(59, 57, 18, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(46, 44, 14, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(108, 101, 29, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(59, 57, 18, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(140, 131, 37, 1.00)}.pricing-table.primary .title{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .price{color:rgba(46, 44, 14, 1.00)}.pricing-table.primary .description{color:rgba(46, 44, 14, 1.00)}.pricing-table.primary .bullet-item{color:rgba(46, 44, 14, 1.00)}.pricing-table.secondary .title{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.secondary .price{color:rgba(46, 44, 14, 1.00)}.pricing-table.secondary .description{color:rgba(46, 44, 14, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(46, 44, 14, 1.00)}.pricing-table.radius{border-radius:10px}.pricing-table.radius .title{border-top-right-radius:10px;border-top-left-radius:10px}.pricing-table.radius .cta-button{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.side-nav li a:not(.button){color:rgba(108, 101, 29, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(78, 73, 26, 1.00);color:rgba(227, 0, 27, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(108, 101, 29, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(91, 85, 24, 1.00)}.side-nav header{color:rgba(46, 44, 14, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(55, 52, 16, 1.00)}.side-nav li.divider{border-top-color:rgba(71, 67, 24, 1.00)}.side-nav.alt li a:not(.button){color:rgba(227, 0, 27, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(78, 73, 26, 1.00);color:rgba(108, 101, 29, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(227, 0, 27, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(192, 0, 22, 1.00)}.side-nav.alt header{color:rgba(46, 44, 14, 1.00)}.side-nav.alt label{color:rgba(55, 52, 16, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(71, 67, 24, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(108, 101, 29, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(102, 95, 27, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(108, 101, 29, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(102, 95, 27, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(255, 255, 255, 1.00);background-color:rgba(108, 101, 29, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(102, 95, 27, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(108, 101, 29, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(102, 95, 27, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(108, 101, 29, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(102, 95, 27, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(46, 44, 14, 1.00);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:10px}.reveal-modal .close-reveal-modal{color:rgba(71, 67, 24, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(108, 101, 29, 1.00)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(227, 0, 27, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(71, 67, 24, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(71, 67, 24, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(46, 44, 14, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(46, 44, 14, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(46, 44, 14, 1.00)}.copyright{color:rgba(46, 44, 14, 1.00);font-size:0.9rem}.copyright a{color:rgba(108, 101, 29, 1.00)}.copyright a:hover{color:rgba(227, 0, 27, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(46, 44, 14, 1.00)}.fn-text-link a{color:rgba(108, 101, 29, 1.00)}.fn-text-link a:hover{color:rgba(227, 0, 27, 1.00)}.fn-text-text{color:rgba(46, 44, 14, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(46, 44, 14, 1.00)}.fn-text-accent{color:rgba(71, 67, 24, 1.00)}.fn-text-code-text{color:rgba(17, 128, 2, 1.00)}.fn-text-header-alt{color:rgba(108, 101, 29, 1.00)}.fn-text-link-alt a{color:rgba(227, 0, 27, 1.00)}.fn-text-link-alt a:hover{color:rgba(108, 101, 29, 1.00)}.fn-text-accent-alt{color:rgba(71, 67, 24, 1.00)}.fn-text-primary{color:rgba(108, 101, 29, 1.00)}.fn-text-primary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary{color:rgba(108, 101, 29, 1.00)}.fn-text-secondary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-alert{color:rgba(108, 101, 29, 1.00)}.fn-text-success{color:rgba(63, 164, 87, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(255, 255, 255, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(71, 67, 24, 1.00)}.fn-text-modal-text{color:rgba(46, 44, 14, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(46, 44, 14, 1.00)}.fn-text-text-alt{color:rgba(46, 44, 14, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(46, 44, 14, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(108, 101, 29, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(108, 101, 29, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(140, 131, 37, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(108, 101, 29, 1.00)}.fn-text-text-alt a{color:rgba(227, 0, 27, 1.00)}.fn-text-text-alt a:hover{color:rgba(108, 101, 29, 1.00)}.fn-text-sw1c1{color:rgba(108, 101, 29, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(108, 101, 29, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(255, 252, 235, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(242, 239, 223, 1.00)}.fn-text-sw1c2{color:rgba(255, 252, 235, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(255, 252, 235, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(108, 101, 29, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(102, 95, 27, 1.00)}.fn-text-sw2c1{color:rgba(255, 252, 235, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(255, 252, 235, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(108, 101, 29, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(102, 95, 27, 1.00)}.fn-text-sw2c2{color:rgba(108, 101, 29, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(108, 101, 29, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(255, 252, 235, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(242, 239, 223, 1.00)}.fn-text-sw3c1{color:rgba(46, 44, 14, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(46, 44, 14, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(255, 255, 255, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(242, 242, 242, 1.00)}.fn-text-sw3c2{color:rgba(255, 255, 255, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(255, 255, 255, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(46, 44, 14, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(43, 41, 13, 1.00)}.fn-text-sw4c1{color:rgba(227, 0, 27, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(227, 0, 27, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(255, 255, 255, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(242, 242, 242, 1.00)}.fn-text-sw4c2{color:rgba(255, 255, 255, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(255, 255, 255, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(227, 0, 27, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(215, 0, 25, 1.00)}.fn-text-sw5c1{color:rgba(255, 221, 0, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(255, 221, 0, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(108, 101, 29, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(102, 95, 27, 1.00)}.fn-text-sw5c2{color:rgba(108, 101, 29, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(108, 101, 29, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(255, 221, 0, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(242, 209, 0, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(46, 44, 14, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(43, 41, 13, 1.00)}.fn-text-sw6c2{color:rgba(46, 44, 14, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(46, 44, 14, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(242, 239, 223, 1.00)}.panel .fn-text-sw1c2{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(102, 95, 27, 1.00)}.panel .fn-text-sw2c1{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(102, 95, 27, 1.00)}.panel .fn-text-sw2c2{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(255, 252, 235, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(242, 239, 223, 1.00)}.panel .fn-text-sw3c1{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(242, 242, 242, 1.00)}.panel .fn-text-sw3c2{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(43, 41, 13, 1.00)}.panel .fn-text-sw4c1{color:rgba(227, 0, 27, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(227, 0, 27, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(242, 242, 242, 1.00)}.panel .fn-text-sw4c2{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(255, 255, 255, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(227, 0, 27, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(215, 0, 25, 1.00)}.panel .fn-text-sw5c1{color:rgba(255, 221, 0, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(255, 221, 0, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(102, 95, 27, 1.00)}.panel .fn-text-sw5c2{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(108, 101, 29, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(255, 221, 0, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(242, 209, 0, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(43, 41, 13, 1.00)}.panel .fn-text-sw6c2{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(46, 44, 14, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(46, 44, 14, 1.00)}.fn-bg-text{background-color:rgba(46, 44, 14, 1.00)}.fn-bg-link{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-link-hover{background-color:rgba(227, 0, 27, 1.00)}.fn-bg-accent{background-color:rgba(71, 67, 24, 1.00)}.fn-bg-code-text{background-color:rgba(17, 128, 2, 1.00)}.fn-bg-modal-text{background-color:rgba(46, 44, 14, 1.00)}.fn-bg-header-alt{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-text-alt{background-color:rgba(46, 44, 14, 1.00)}.fn-bg-link-alt{background-color:rgba(227, 0, 27, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-accent-alt{background-color:rgba(71, 67, 24, 1.00)}.fn-bg-primary{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-primary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-secondary{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-secondary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-alert{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-success{background-color:rgba(63, 164, 87, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(71, 67, 24, 1.00)}.fn-bg-sw1c1{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-sw1c2{background-color:rgba(255, 252, 235, 1.00)}.fn-bg-sw2c1{background-color:rgba(255, 252, 235, 1.00)}.fn-bg-sw2c2{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-sw3c1{background-color:rgba(46, 44, 14, 1.00)}.fn-bg-sw3c2{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-sw4c1{background-color:rgba(227, 0, 27, 1.00)}.fn-bg-sw4c2{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-sw5c1{background-color:rgba(255, 221, 0, 1.00)}.fn-bg-sw5c2{background-color:rgba(108, 101, 29, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(46, 44, 14, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(102, 95, 27, 1.00)}.fn-scheme-secondary{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(102, 95, 27, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(46, 44, 14, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(46, 44, 14, 1.00)}.fn-scheme-modal .close{color:rgba(71, 67, 24, 1.00)}.fn-scheme-swatch1{background-color:rgba(108, 101, 29, 1.00);color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(102, 95, 27, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(108, 101, 29, 1.00);color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(255, 252, 235, 1.00);border-color:rgba(102, 95, 27, 1.00);background-color:rgba(102, 95, 27, 1.00)}.fn-scheme-swatch2{background-color:rgba(255, 252, 235, 1.00);color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(242, 239, 223, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(255, 252, 235, 1.00);color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(108, 101, 29, 1.00);border-color:rgba(242, 239, 223, 1.00);background-color:rgba(242, 239, 223, 1.00)}.fn-scheme-swatch3{background-color:rgba(46, 44, 14, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(46, 44, 14, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(43, 41, 13, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(46, 44, 14, 1.00);color:rgba(46, 44, 14, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(43, 41, 13, 1.00);background-color:rgba(43, 41, 13, 1.00)}.fn-scheme-swatch4{background-color:rgba(227, 0, 27, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(255, 252, 235, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(255, 255, 255, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(227, 0, 27, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(215, 0, 25, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(227, 0, 27, 1.00);color:rgba(227, 0, 27, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(215, 0, 25, 1.00);background-color:rgba(215, 0, 25, 1.00)}.fn-scheme-swatch5{background-color:rgba(255, 221, 0, 1.00);color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(242, 209, 0, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(108, 101, 29, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(255, 221, 0, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(255, 221, 0, 1.00);color:rgba(255, 221, 0, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(108, 101, 29, 1.00);border-color:rgba(242, 209, 0, 1.00);background-color:rgba(242, 209, 0, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(46, 44, 14, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(46, 44, 14, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(46, 44, 14, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(46, 44, 14, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}
#stacks_in_237811_474{padding-left:0px;padding-right:0px;}#stacks_in_237811_474 > .jack{margin:0px;padding:0px;border-color:#000000;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237811_474 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237811_474 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237811_474 > .jack.width-static{width:500px}#stacks_in_237811_474 > .jack.width-flexible{width:100%}#stacks_in_237811_474 > .jack.margin-detailed{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_474 > .jack.padding-detailed{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_474 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237811_474 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_474 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237811_474 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237811_474 > .jack::after{border-radius:0px}#stacks_in_237811_474 > .jack.border-detailed-radius,#stacks_in_237811_474 > .jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_474 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237811_474 > .jack.bg-color{background-color:#89C5FF}#stacks_in_237811_474 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237811_474 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_474 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237811_474 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237811_474 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237811_474 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_474 > .jack.bg-image:not(.glass){}#stacks_in_237811_474 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237811_474 > .jack.bg-image.glass.after,#stacks_in_237811_474 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_474 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237811_474 > .glass.padding-detailed.jack.bg-image::after{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_474 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237811_474 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237811_474 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237811_474 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237811_474 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237811_474 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237811_474 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237811_474 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_474 > .jack.bg-image.glass.after,#stacks_in_237811_474 > .glass.jack.bg-image::after{}#stacks_in_237811_474 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237811_474 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237811_474 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237811_474 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237811_474 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237811_474 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237811_474 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237811_474 > .jack.peek-shadow::before,#stacks_in_237811_474 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237811_474 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237811_474 > .jack{overflow:hidden;z-index:99999 !important;}#stacks_in_237811_474 > .jack.height-static{height:100px}#stacks_in_237811_474 > .jack.height-minmax{min-height:100px;max-height:800px}
#fluid_stacks_in_237811_259 {
position: relative;
max-width: 5000px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: visible; }
#fluid_stacks_in_237811_259.main-bg-color {
background: rgba(245, 245, 245, 1.00); }
#fluid_stacks_in_237811_259.main-bg-color::before {
opacity: 0; }
#fluid_stacks_in_237811_259.main-bg-gradient-2 {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
#fluid_stacks_in_237811_259.main-bg-gradient-2::before {
opacity: 0; }
#fluid_stacks_in_237811_259.main-bg-gradient-3 {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
#fluid_stacks_in_237811_259.main-bg-gradient-3::before {
opacity: 0; }
#fluid_stacks_in_237811_259.main-bg-image-ov-color {
background: url() no-repeat center center;
background-size: cover; }
#fluid_stacks_in_237811_259.main-bg-image-ov-color::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.50); }
#fluid_stacks_in_237811_259.main-bg-image-ov-gradient {
background: url() no-repeat center center;
background-size: cover; }
#fluid_stacks_in_237811_259.main-bg-image-ov-gradient::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
#fluid_stacks_in_237811_259 .states {
display: none; }
#fluid_stacks_in_237811_259 .content {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start; }
#fluid_stacks_in_237811_259 .fluid--transform, #fluid_stacks_in_237811_259 .fluid--transform-list {
display: none;
text-align: center; }
#fluid_stacks_in_237811_259 .fluid--transform-list + .slice.empty {
display: none;
background: red !important; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer {
color: inherit !important;
counter-increment: my-sec-counter; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer .info-id::after {
content: "state_manager_" counter(my-sec-counter);
font-weight: bold;
display: inline-block; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer .content {
color: inherit !important; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer.fill-shrink {
flex: 0 0 auto; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer.fill-grow {
width: 100%;
flex: 0 1 auto; }
#fluid_stacks_in_237811_259 .fluid--container.direction-rows > .fluid--state-manager-outer.fill-grow {
align-self: stretch;
flex: 0 0 auto;
width: auto; }
@media (max-width: 600px) {
#fluid_stacks_in_237811_259 .fluid--container.breakpoint-inherit.direction-columns.content-wrap {
flex-wrap: wrap; }
#fluid_stacks_in_237811_259 .fluid--container.breakpoint-inherit.fill-responsive, #fluid_stacks_in_237811_259 .fluid--text.fill-responsive, #fluid_stacks_in_237811_259 .fluid--button.fill-responsive, #fluid_stacks_in_237811_259 .fluid--trigger.fill-responsive {
width: 100%;
flex: 0 0 auto;
max-width: 100%; } }
#fluid_stacks_in_237811_259::after {
top: 0;
left: 0;
right: 0;
content: '';
height: 64px;
padding: 15px;
display: block;
margin: 3px 15px;
text-align: center;
border-radius: 4px;
position: absolute;
background-color: #2F3668;
background-size: 64px 64px;
background-image: url("../files/images/Fluid_Logo.png");
background-repeat: no-repeat;
background-position: center center; }
#fluid_stacks_in_237811_259 .content .states::before {
color: #FFFFFF;
display: flex;
font-size: 14px;
text-align: center;
padding: 15px 10px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.2);
line-height: calc(14px * 1.618);
content: 'Child State names must NOT be the same as Parent State Managers.'; }
#fluid_stacks_in_237811_259 .states {
display: block;
border-radius: 4px;
font-family: 'Work Sans';
background: linear-gradient(to bottom right, #D984F6, #6251C9); }
#fluid_stacks_in_237811_259 .info {
display: flex;
font-weight: bold;
padding: 15px 10px;
align-items: center;
text-transform: uppercase;
justify-content: space-between; }
#fluid_stacks_in_237811_259 .info div {
padding: 10px;
flex: 0 1 auto; }
#fluid_stacks_in_237811_259 .info .info-name {
color: #FFFFFF;
line-height: 1;
font-size: 16px; }
#fluid_stacks_in_237811_259 .info .info-name::before {
padding: 10px;
border-radius: 4px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.2);
content: 'settings_input_component';
font-family: "Material Icons";
font-family-line-height: 1;
direction: ltr;
font-size: 24px;
margin-right: 10px;
word-wrap: normal;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-transform: none;
display: inline-block;
letter-spacing: normal; }
#fluid_stacks_in_237811_259 .info .info-id {
color: white;
margin-right: -10px;
padding-left: 15px;
font-family: "Courier New";
background: rgba(0, 0, 0, 0.5);
border-radius: 20px 0px 0px 20px; }
#fluid_stacks_in_237811_259 .state--item {
padding: 5px;
color: white;
line-height: 1;
font-size: 18px;
border-radius: 4px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.2); }
#fluid_stacks_in_237811_259 .state--item .state--item-name::before {
padding: 5px;
margin-right: 10px;
border-radius: 2px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.1);
content: 'memory';
font-family: "Material Icons";
font-family-line-height: 1;
direction: ltr;
font-size: 24px;
word-wrap: normal;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-transform: none;
display: inline-block;
letter-spacing: normal; }
#fluid_stacks_in_237811_259 .state--item .state--item-true {
padding: 7px 9px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.2); }
#fluid_stacks_in_237811_259 .fluid--transform {
color: white;
padding: 10px;
border-radius: 4px;
align-items: center;
font-family: 'Work Sans';
justify-content: space-between;
background: linear-gradient(to bottom right, #5DC4FF, #6D65F7); }
#fluid_stacks_in_237811_259 .fluid--transform::before {
padding: 5px;
margin-right: 10px;
border-radius: 2px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.2);
background-line-height: 1;
font-size: 24px;
content: 'swap_calls';
font-family: "Material Icons"; }
#fluid_stacks_in_237811_259 .fluid--transform span {
line-height: 14px;
color: white !important; }
#fluid_stacks_in_237811_259 .fluid--transform span:first-of-type {
font-weight: 400;
margin-right: auto; }
#fluid_stacks_in_237811_259 .fluid--transform span:last-of-type::before {
content: 'Apply on';
display: inline-block; }
#fluid_stacks_in_237811_259 .fluid--transform code {
padding: 7px 9px;
margin-left: 10px;
border-radius: 2px;
display: inline-block;
background: rgba(0, 0, 0, 0.2); }
#fluid_stacks_in_237811_259 .fluid--transform-list.False + [tag="node"] {
display: none !important; }
#fluid_stacks_in_237811_259 .fluid--transform-list ~ div [tag="button"][type="add"] {
width: 20px !important;
height: 20px !important;
padding: 3px !important;
display: block !important;
line-height: 1 !important;
font-size: 18px !important;
text-align: center !important;
border-radius: 2em !important;
margin: 10px 10px 10px auto !important; }
#fluid_stacks_in_237811_259 .fluid--transform-list ~ div [tag="button"][type="add"]::after {
top: 50%;
left: 50%;
font-size: 18px;
position: absolute;
vertical-align: middle;
display: block !important;
font-family: "Material Icons";
transform: translate(-50%, -50%);
content: 'swap_calls' !important; }
#fluid_stacks_in_237811_259 .fluid--transform-list ~ div [tag="button"][type="add"]::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
border-radius: inherit;
display: block !important;
background: red !important;
cursor: pointer !important;
position: absolute !important;
background: linear-gradient(to bottom right, #5DC4FF, #6D65F7) !important; }
#fluid_stacks_in_237811_259 .fluid--state-manager-outer .states [tag="button"][type="add"] {
display: block !important;
color: #242424 !important;
background: #FFFFFF !important;
border: 2px solid #242424 !important; }
/* */
#fluid_stacks_in_237811_259::after {
display: none; }
#fluid_stacks_in_237811_259 .states {
display: none; }
#fluid_stacks_in_237811_259::before {
display: none; }
/* */
/* */
#state_item_stacks_in_237811_260 .state--item-inner {
display: flex;
padding: 5px;
align-items: center; }
#state_item_stacks_in_237811_260 .state--item-inner .state--item-name {
margin-right: auto; }
#fluid_absolute_stacks_in_237811_322 {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
pointer-events: none;
margin: 0 !important;
transition: all 0.3s ease;
z-index: 100000; }
#fluid_absolute_stacks_in_237811_322::after {
content: "";
display: table;
clear: both; }
#fluid_absolute_stacks_in_237811_322.fluid-pos-fixed {
position: fixed;
overflow-y: hidden;
overflow-x: hidden; }
#fluid_absolute_stacks_in_237811_322.fluid-pos-absolute {
position: absolute;
overflow-y: visible; }
#fluid_absolute_stacks_in_237811_322.overflow-y-scroll {
width: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_322.overflow-x-scroll {
height: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_322.fluid-ab-v-top {
align-items: flex-start; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-v-bottom {
align-items: flex-end; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-v-center {
align-items: center; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-v-stretch {
align-items: stretch; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-h-left {
justify-content: flex-start; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-h-right {
justify-content: flex-end; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-h-center {
justify-content: center; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-h-stretch {
justify-content: stretch; }
#fluid_absolute_stacks_in_237811_322.fluid-ab-h-stretch #fluid_container_stacks_in_237811_322 {
width: 100% !important; }
#fluid_container_stacks_in_237811_322 {
position: relative;
pointer-events: auto;
box-sizing: border-box;
border-style: solid;
transition: all 0.3s ease;
display: flex;
z-index: 100000;
opacity: 1;
overflow-x: hidden;
overflow-y: hidden;
max-width: 90px;
max-height: 90px;
min-width: 68px;
min-height: 68px;
border-color: rgba(255, 255, 255, 1.00);
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
transform-origin: center center;
transform: scale(1) translate(0px, 1px) rotate(0deg);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1.00); }
#fluid_container_stacks_in_237811_322.main-font-preset {
font-family: "Montserrat", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_322.main-font-custom {
font-family: "", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_322.main-font-google {
font-family: "", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_322.main-bg-color {
background: rgba(18, 21, 41, 1.00); }
#fluid_container_stacks_in_237811_322.main-bg-color::before {
opacity: 0; }
#fluid_container_stacks_in_237811_322.main-bg-gradient-2 {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
#fluid_container_stacks_in_237811_322.main-bg-gradient-2::before {
opacity: 0; }
#fluid_container_stacks_in_237811_322.main-bg-gradient-3 {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
#fluid_container_stacks_in_237811_322.main-bg-gradient-3::before {
opacity: 0; }
#fluid_container_stacks_in_237811_322.main-bg-image-ov-color {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_322.main-bg-image-ov-color::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.50); }
#fluid_container_stacks_in_237811_322.main-bg-image-ov-gradient {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_322.main-bg-image-ov-gradient::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
#fluid_container_stacks_in_237811_322::after {
display: none;
content: ''; }
#fluid_container_stacks_in_237811_322.padding-True {
padding: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_322.padding-False {
padding: 0px; }
#fluid_container_stacks_in_237811_322.radius-True {
border-radius: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_322.radius-False {
border-radius: 0px; }
#fluid_container_stacks_in_237811_322, #fluid_container_stacks_in_237811_322 p, #fluid_container_stacks_in_237811_322 span, #fluid_container_stacks_in_237811_322 blockquote, #fluid_container_stacks_in_237811_322 h1, #fluid_container_stacks_in_237811_322 h2, #fluid_container_stacks_in_237811_322 h3, #fluid_container_stacks_in_237811_322 h4, #fluid_container_stacks_in_237811_322 h5, #fluid_container_stacks_in_237811_322 h6, #fluid_container_stacks_in_237811_322 .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_322 .fluid--container.inherit-colors {
color: rgba(0, 0, 0, 1.00); }
#fluid_container_stacks_in_237811_322.inherit-colors {
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_322.inherit-colors, #fluid_container_stacks_in_237811_322.inherit-colors p, #fluid_container_stacks_in_237811_322.inherit-colors span, #fluid_container_stacks_in_237811_322.inherit-colors blockquote, #fluid_container_stacks_in_237811_322.inherit-colors h1, #fluid_container_stacks_in_237811_322.inherit-colors h2, #fluid_container_stacks_in_237811_322.inherit-colors h3, #fluid_container_stacks_in_237811_322.inherit-colors h4, #fluid_container_stacks_in_237811_322.inherit-colors h5, #fluid_container_stacks_in_237811_322.inherit-colors h6, #fluid_container_stacks_in_237811_322.inherit-colors .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_322.inherit-colors .fluid--container.inherit-colors {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_322.direction-columns {
flex-direction: row; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-v-top {
align-items: flex-start; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-v-bottom {
align-items: flex-end; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-v-center {
align-items: center; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-v-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-h-left {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-h-right {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-h-center {
justify-content: center; }
#fluid_container_stacks_in_237811_322.direction-columns.cols-h-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_322.direction-rows {
flex-direction: column; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-v-top {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-v-bottom {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-v-center {
justify-content: center; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-v-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-h-left {
align-items: flex-start; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-h-right {
align-items: flex-end; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-h-center {
align-items: center; }
#fluid_container_stacks_in_237811_322.direction-rows.rows-h-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_322.fill-shrink {
flex: 0 0 auto; }
#fluid_container_stacks_in_237811_322.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--container.direction-rows > #fluid_container_stacks_in_237811_322.fluid--container.fill-grow {
flex: 0 0 auto;
width: 100%; }
@media (max-width: 720px) {
#fluid_container_stacks_in_237811_322.breakpoint-custom {
width: 100%;
flex: 0 0 auto;
max-width: 100%; }
#fluid_container_stacks_in_237811_322.breakpoint-custom.direction-columns.content-wrap, #fluid_container_stacks_in_237811_322.breakpoint-custom .fluid--container.direction-columns.content-wrap {
flex-wrap: wrap; }
#fluid_container_stacks_in_237811_322.breakpoint-custom .fluid--container.breakpoint-inherit.fill-responsive, #fluid_container_stacks_in_237811_322.breakpoint-custom .fluid--text.fill-responsive, #fluid_container_stacks_in_237811_322.breakpoint-custom .fluid--button.fill-responsive, #fluid_container_stacks_in_237811_322.breakpoint-custom .fluid--trigger.fill-responsive {
width: 100%;
flex: 0 0 auto;
max-width: 100%; } }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.display ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.display ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
display: flex; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ #fluid_container_stacks_in_237811_322.transform-True .fluid--container.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True .fluid--container.inherit-colors {
color: rgba(0, 0, 0, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.opacity ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.opacity ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.z-index ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.z-index ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
z-index: 1001; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.min-size ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.min-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
min-width: 0px;
min-height: 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.max-size ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.max-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
max-width: 100%;
max-height: 100%; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.radius ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.radius ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
border-radius: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.padding ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.padding ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
padding: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.margin ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.margin ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
margin: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.border ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.border ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
border-color: rgba(0, 0, 0, 1.00);
border-width: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.shadow ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.shadow ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.shape-size ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.shape-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
transform: scale(0.80) translate(0px, 1px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
background: rgba(245, 245, 245, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_322.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_322.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_322.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_322.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.50); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_322.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_322.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_339.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_322.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_absolute_stacks_in_237811_322.transform-True {
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, color 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_322.transform-True {
border-style: solid;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, color 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_322.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_322.transform-True.inherit-colors {
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms, color 0s; }
#stacks_in_237811_449 a{display:block}#stacks_in_237811_449 img{}#stacks_in_237811_449 img{max-width:68px}@media only screen and (min-width:641px){#stacks_in_237811_449 img{max-width:68px}}@media only screen and (min-width:1024px){#stacks_in_237811_449 img{max-width:68px}}
#stacks_in_237811_449 {
padding: 15px 0px 15px 0px;
}
#fluid_absolute_stacks_in_237811_345 {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
pointer-events: none;
margin: 0 !important;
transition: all 0.3s ease;
z-index: 99999; }
#fluid_absolute_stacks_in_237811_345::after {
content: "";
display: table;
clear: both; }
#fluid_absolute_stacks_in_237811_345.fluid-pos-fixed {
position: fixed;
overflow-y: hidden;
overflow-x: hidden; }
#fluid_absolute_stacks_in_237811_345.fluid-pos-absolute {
position: absolute;
overflow-y: visible; }
#fluid_absolute_stacks_in_237811_345.overflow-y-scroll {
width: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_345.overflow-x-scroll {
height: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_345.fluid-ab-v-top {
align-items: flex-start; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-v-bottom {
align-items: flex-end; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-v-center {
align-items: center; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-v-stretch {
align-items: stretch; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-h-left {
justify-content: flex-start; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-h-right {
justify-content: flex-end; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-h-center {
justify-content: center; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-h-stretch {
justify-content: stretch; }
#fluid_absolute_stacks_in_237811_345.fluid-ab-h-stretch #fluid_container_stacks_in_237811_345 {
width: 100% !important; }
#fluid_container_stacks_in_237811_345 {
position: relative;
pointer-events: auto;
box-sizing: border-box;
border-style: solid;
transition: all 0.3s ease;
display: flex;
z-index: 99999;
opacity: 1.00;
overflow-x: hidden;
overflow-y: hidden;
max-width: 70px;
max-height: 70px;
min-width: 70px;
min-height: 70px;
border-color: rgba(255, 255, 255, 1.00);
border-width: 0px 0px 0px 0px;
margin: 14px 0px 0px 15px;
transform-origin: center center;
transform: scale(0.93) translate(0px, 0px) rotate(0deg);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1.00); }
#fluid_container_stacks_in_237811_345.main-font-preset {
font-family: "Montserrat", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_345.main-font-custom {
font-family: "", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_345.main-font-google {
font-family: "", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_345.main-bg-color {
background: rgba(18, 21, 41, 1.00); }
#fluid_container_stacks_in_237811_345.main-bg-color::before {
opacity: 0; }
#fluid_container_stacks_in_237811_345.main-bg-gradient-2 {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
#fluid_container_stacks_in_237811_345.main-bg-gradient-2::before {
opacity: 0; }
#fluid_container_stacks_in_237811_345.main-bg-gradient-3 {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
#fluid_container_stacks_in_237811_345.main-bg-gradient-3::before {
opacity: 0; }
#fluid_container_stacks_in_237811_345.main-bg-image-ov-color {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_345.main-bg-image-ov-color::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.50); }
#fluid_container_stacks_in_237811_345.main-bg-image-ov-gradient {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_345.main-bg-image-ov-gradient::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
#fluid_container_stacks_in_237811_345::after {
display: none;
content: ''; }
#fluid_container_stacks_in_237811_345.padding-True {
padding: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_345.padding-False {
padding: 0px; }
#fluid_container_stacks_in_237811_345.radius-True {
border-radius: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_345.radius-False {
border-radius: 0px; }
#fluid_container_stacks_in_237811_345, #fluid_container_stacks_in_237811_345 p, #fluid_container_stacks_in_237811_345 span, #fluid_container_stacks_in_237811_345 blockquote, #fluid_container_stacks_in_237811_345 h1, #fluid_container_stacks_in_237811_345 h2, #fluid_container_stacks_in_237811_345 h3, #fluid_container_stacks_in_237811_345 h4, #fluid_container_stacks_in_237811_345 h5, #fluid_container_stacks_in_237811_345 h6, #fluid_container_stacks_in_237811_345 .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_345 .fluid--container.inherit-colors {
color: rgba(0, 0, 0, 1.00); }
#fluid_container_stacks_in_237811_345.inherit-colors {
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_345.inherit-colors, #fluid_container_stacks_in_237811_345.inherit-colors p, #fluid_container_stacks_in_237811_345.inherit-colors span, #fluid_container_stacks_in_237811_345.inherit-colors blockquote, #fluid_container_stacks_in_237811_345.inherit-colors h1, #fluid_container_stacks_in_237811_345.inherit-colors h2, #fluid_container_stacks_in_237811_345.inherit-colors h3, #fluid_container_stacks_in_237811_345.inherit-colors h4, #fluid_container_stacks_in_237811_345.inherit-colors h5, #fluid_container_stacks_in_237811_345.inherit-colors h6, #fluid_container_stacks_in_237811_345.inherit-colors .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_345.inherit-colors .fluid--container.inherit-colors {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_345.direction-columns {
flex-direction: row; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-v-top {
align-items: flex-start; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-v-bottom {
align-items: flex-end; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-v-center {
align-items: center; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-v-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-h-left {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-h-right {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-h-center {
justify-content: center; }
#fluid_container_stacks_in_237811_345.direction-columns.cols-h-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_345.direction-rows {
flex-direction: column; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-v-top {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-v-bottom {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-v-center {
justify-content: center; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-v-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-h-left {
align-items: flex-start; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-h-right {
align-items: flex-end; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-h-center {
align-items: center; }
#fluid_container_stacks_in_237811_345.direction-rows.rows-h-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_345.fill-shrink {
flex: 0 0 auto; }
#fluid_container_stacks_in_237811_345.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--container.direction-rows > #fluid_container_stacks_in_237811_345.fluid--container.fill-grow {
flex: 0 0 auto;
width: 100%; }
@media (max-width: 720px) {
#fluid_container_stacks_in_237811_345.breakpoint-custom {
width: 100%;
flex: 0 0 auto;
max-width: 100%; }
#fluid_container_stacks_in_237811_345.breakpoint-custom.direction-columns.content-wrap, #fluid_container_stacks_in_237811_345.breakpoint-custom .fluid--container.direction-columns.content-wrap {
flex-wrap: wrap; }
#fluid_container_stacks_in_237811_345.breakpoint-custom .fluid--container.breakpoint-inherit.fill-responsive, #fluid_container_stacks_in_237811_345.breakpoint-custom .fluid--text.fill-responsive, #fluid_container_stacks_in_237811_345.breakpoint-custom .fluid--button.fill-responsive, #fluid_container_stacks_in_237811_345.breakpoint-custom .fluid--trigger.fill-responsive {
width: 100%;
flex: 0 0 auto;
max-width: 100%; } }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.display ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.display ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
display: flex; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ #fluid_container_stacks_in_237811_345.transform-True .fluid--container.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True .fluid--container.inherit-colors {
color: rgba(0, 0, 0, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.opacity ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.opacity ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.z-index ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.z-index ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
z-index: 1000; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.min-size ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.min-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
min-width: 0px;
min-height: 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.max-size ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.max-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
max-width: 100%;
max-height: 100%; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.radius ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.radius ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
border-radius: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.padding ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.padding ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
padding: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.margin ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.margin ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
margin: 15px 15px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.border ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.border ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
border-color: rgba(0, 0, 0, 1.00);
border-width: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.shadow ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.shadow ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.shape-size ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.shape-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
background: rgba(245, 245, 245, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_345.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_345.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_345.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_345.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.50); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_345.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_345.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_347.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_345.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_absolute_stacks_in_237811_345.transform-True {
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, color 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_345.transform-True {
border-style: solid;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, color 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_345.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_345.transform-True.inherit-colors {
transition: transform 300ms 0ms, opacity 300ms 0ms, min-width 300ms 0ms, min-height 300ms 0ms, max-width 300ms 0ms, max-height 300ms 0ms, margin 300ms 0ms, padding 300ms 0ms, border-radius 300ms 0ms, background 300ms 0ms, box-shadow 300ms 0ms, border 300ms 0ms, color 0s; }
#stacks_in_237811_350 a{display:block}#stacks_in_237811_350 img{}#stacks_in_237811_350 img{max-width:70px}@media only screen and (min-width:641px){#stacks_in_237811_350 img{max-width:70px}}@media only screen and (min-width:1024px){#stacks_in_237811_350 img{max-width:70px}}
#fluid_trigger_stacks_in_237811_268 {
color: inherit !important; }
#fluid_trigger_stacks_in_237811_268 .state-trigger {
display: none; }
#fluid_trigger_stacks_in_237811_268.change-on-scroll > div:not(.state-trigger), #fluid_trigger_stacks_in_237811_268.change-on-resize > div:not(.state-trigger) {
display: none; }
#fluid_trigger_stacks_in_237811_268.change-on-scroll .state-trigger-type::before {
content: 'Trigger states when window is scrolled to this item'; }
#fluid_trigger_stacks_in_237811_268.change-on-scroll .state-trigger-type::after {
content: 'format_line_spacing'; }
#fluid_trigger_stacks_in_237811_268.change-on-resize .state-trigger-type::before {
content: 'Trigger states when window is <= 720px'; }
#fluid_trigger_stacks_in_237811_268.change-on-resize .state-trigger-type::after {
content: 'aspect_ratio'; }
#fluid_trigger_stacks_in_237811_268.change-on-toggle {
cursor: pointer; }
#fluid_trigger_stacks_in_237811_268.change-on-toggle .state-trigger-type::before {
content: 'Trigger states when this content is clicked'; }
#fluid_trigger_stacks_in_237811_268.change-on-toggle .state-trigger-type::after {
content: 'mouse'; }
#fluid_trigger_stacks_in_237811_268.change-on-hover {
pointer-events: none; }
#fluid_trigger_stacks_in_237811_268.change-on-hover .trigger-content {
pointer-events: auto; }
#fluid_trigger_stacks_in_237811_268.change-on-hover .state-trigger-type {
pointer-events: auto; }
#fluid_trigger_stacks_in_237811_268.change-on-hover .state-trigger-type::before {
content: 'Trigger states when this content is hovered'; }
#fluid_trigger_stacks_in_237811_268.change-on-hover .state-trigger-type::after {
content: 'near_me'; }
#fluid_trigger_stacks_in_237811_268.fill-shrink {
flex: 0 1 auto; }
#fluid_trigger_stacks_in_237811_268.fill-grow {
width: 100%;
flex: 0 1 auto; }
#fluid_trigger_stacks_in_237811_268.align-left {
margin-right: auto; }
#fluid_trigger_stacks_in_237811_268.align-right {
margin-left: auto; }
#fluid_trigger_stacks_in_237811_268.align-center {
margin: 0 auto; }
/* */
#fluid_absolute_stacks_in_237811_266 {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
pointer-events: none;
margin: 0 !important;
transition: all 0.3s ease;
z-index: 99997; }
#fluid_absolute_stacks_in_237811_266::after {
content: "";
display: table;
clear: both; }
#fluid_absolute_stacks_in_237811_266.fluid-pos-fixed {
position: fixed;
overflow-y: hidden;
overflow-x: hidden; }
#fluid_absolute_stacks_in_237811_266.fluid-pos-absolute {
position: absolute;
overflow-y: visible; }
#fluid_absolute_stacks_in_237811_266.overflow-y-scroll {
width: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_266.overflow-x-scroll {
height: calc(100% + 17px); }
#fluid_absolute_stacks_in_237811_266.fluid-ab-v-top {
align-items: flex-start; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-v-bottom {
align-items: flex-end; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-v-center {
align-items: center; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-v-stretch {
align-items: stretch; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-h-left {
justify-content: flex-start; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-h-right {
justify-content: flex-end; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-h-center {
justify-content: center; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-h-stretch {
justify-content: stretch; }
#fluid_absolute_stacks_in_237811_266.fluid-ab-h-stretch #fluid_container_stacks_in_237811_266 {
width: 100% !important; }
#fluid_container_stacks_in_237811_266 {
position: relative;
pointer-events: auto;
box-sizing: border-box;
border-style: solid;
transition: all 0.3s ease;
display: flex;
z-index: 99997;
opacity: 1;
overflow-x: hidden;
overflow-y: hidden;
max-width: 90px;
max-height: 100%;
min-width: 90px;
min-height: 0px;
border-color: rgba(0, 0, 0, 1.00);
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
transform-origin: top left;
transform: scale(1) translate(101px, 31px) rotate(0deg);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.20); }
#fluid_container_stacks_in_237811_266.main-font-preset {
font-family: "Rubik", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_266.main-font-custom {
font-family: "Rubik", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_266.main-font-google {
font-family: "", "Roboto", sans-serif; }
#fluid_container_stacks_in_237811_266.main-bg-color {
background: rgba(255, 221, 0, 1.00); }
#fluid_container_stacks_in_237811_266.main-bg-color::before {
opacity: 0; }
#fluid_container_stacks_in_237811_266.main-bg-gradient-2 {
background: linear-gradient(to bottom, rgba(131, 212, 122, 1.00), rgba(91, 193, 95, 1.00)); }
#fluid_container_stacks_in_237811_266.main-bg-gradient-2::before {
opacity: 0; }
#fluid_container_stacks_in_237811_266.main-bg-gradient-3 {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
#fluid_container_stacks_in_237811_266.main-bg-gradient-3::before {
opacity: 0; }
#fluid_container_stacks_in_237811_266.main-bg-image-ov-color {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_266.main-bg-image-ov-color::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.50); }
#fluid_container_stacks_in_237811_266.main-bg-image-ov-gradient {
background: url() no-repeat center center;
background-size: cover; }
#fluid_container_stacks_in_237811_266.main-bg-image-ov-gradient::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
position: absolute;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
#fluid_container_stacks_in_237811_266::after {
display: none;
content: ''; }
#fluid_container_stacks_in_237811_266.padding-True {
padding: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_266.padding-False {
padding: 0px; }
#fluid_container_stacks_in_237811_266.radius-True {
border-radius: 0px 0px 0px 0px; }
#fluid_container_stacks_in_237811_266.radius-False {
border-radius: 9px; }
#fluid_container_stacks_in_237811_266, #fluid_container_stacks_in_237811_266 p, #fluid_container_stacks_in_237811_266 span, #fluid_container_stacks_in_237811_266 blockquote, #fluid_container_stacks_in_237811_266 h1, #fluid_container_stacks_in_237811_266 h2, #fluid_container_stacks_in_237811_266 h3, #fluid_container_stacks_in_237811_266 h4, #fluid_container_stacks_in_237811_266 h5, #fluid_container_stacks_in_237811_266 h6, #fluid_container_stacks_in_237811_266 .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_266 .fluid--container.inherit-colors {
color: rgba(255, 252, 235, 1.00); }
#fluid_container_stacks_in_237811_266.inherit-colors {
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_266.inherit-colors, #fluid_container_stacks_in_237811_266.inherit-colors p, #fluid_container_stacks_in_237811_266.inherit-colors span, #fluid_container_stacks_in_237811_266.inherit-colors blockquote, #fluid_container_stacks_in_237811_266.inherit-colors h1, #fluid_container_stacks_in_237811_266.inherit-colors h2, #fluid_container_stacks_in_237811_266.inherit-colors h3, #fluid_container_stacks_in_237811_266.inherit-colors h4, #fluid_container_stacks_in_237811_266.inherit-colors h5, #fluid_container_stacks_in_237811_266.inherit-colors h6, #fluid_container_stacks_in_237811_266.inherit-colors .fluid--text.inherit-colors, #fluid_container_stacks_in_237811_266.inherit-colors .fluid--container.inherit-colors {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_container_stacks_in_237811_266.direction-columns {
flex-direction: row; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-v-top {
align-items: flex-start; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-v-bottom {
align-items: flex-end; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-v-center {
align-items: center; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-v-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-h-left {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-h-right {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-h-center {
justify-content: center; }
#fluid_container_stacks_in_237811_266.direction-columns.cols-h-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_266.direction-rows {
flex-direction: column; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-v-top {
justify-content: flex-start; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-v-bottom {
justify-content: flex-end; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-v-center {
justify-content: center; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-v-split {
justify-content: space-between; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-h-left {
align-items: flex-start; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-h-right {
align-items: flex-end; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-h-center {
align-items: center; }
#fluid_container_stacks_in_237811_266.direction-rows.rows-h-stretch {
align-items: stretch; }
#fluid_container_stacks_in_237811_266.fill-shrink {
flex: 0 0 auto; }
#fluid_container_stacks_in_237811_266.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--container.direction-rows > #fluid_container_stacks_in_237811_266.fluid--container.fill-grow {
flex: 0 0 auto;
width: 100%; }
@media (max-width: 720px) {
#fluid_container_stacks_in_237811_266.breakpoint-custom {
width: 100%;
flex: 0 0 auto;
max-width: 100%; }
#fluid_container_stacks_in_237811_266.breakpoint-custom.direction-columns.content-wrap, #fluid_container_stacks_in_237811_266.breakpoint-custom .fluid--container.direction-columns.content-wrap {
flex-wrap: wrap; }
#fluid_container_stacks_in_237811_266.breakpoint-custom .fluid--container.breakpoint-inherit.fill-responsive, #fluid_container_stacks_in_237811_266.breakpoint-custom .fluid--text.fill-responsive, #fluid_container_stacks_in_237811_266.breakpoint-custom .fluid--button.fill-responsive, #fluid_container_stacks_in_237811_266.breakpoint-custom .fluid--trigger.fill-responsive {
width: 100%;
flex: 0 0 auto;
max-width: 100%; } }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.display ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.display ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
display: flex; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ #fluid_container_stacks_in_237811_266.transform-True .fluid--container.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True .fluid--text.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True .fluid--button.inherit-colors, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True .fluid--container.inherit-colors {
color: rgba(0, 0, 0, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.opacity ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.opacity ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
opacity: 1.00; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.z-index ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.z-index ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
z-index: 1000; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.min-size ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.min-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
min-width: 300px;
min-height: 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.max-size ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.max-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
max-width: 300px;
max-height: 100%; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.radius ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.radius ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
border-radius: 38px 38px 38px 38px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.padding ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.padding ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
padding: 30px 15px 0px 15px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.margin ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.margin ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
margin: 10px 10px 0px 10px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.border ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.border ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
border-color: rgba(0, 0, 0, 0.20);
border-width: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.shadow ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.shadow ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.20); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.shape-size ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.shape-size ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
transform: scale(1) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
background: rgba(127, 119, 38, 1.00); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-color ~ #fluid_container_stacks_in_237811_266.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
background: linear-gradient(to bottom right, rgba(127, 119, 38, 1.00), rgba(71, 67, 24, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-2 ~ #fluid_container_stacks_in_237811_266.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-2 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-3 ~ #fluid_container_stacks_in_237811_266.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-gradient-3 ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True::before {
opacity: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-color ~ #fluid_container_stacks_in_237811_266.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-color ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: rgba(0, 0, 0, 0.50); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_266.transform-True, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-gradient ~ #fluid_container_stacks_in_237811_266.transform-True::before, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_264.fluid--transform.background.new-bg-imag-ov-gradient ~ .fluid--container-absolute #fluid_container_stacks_in_237811_266.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
content: '';
z-index: -1;
display: block;
position: absolute;
pointer-events: none;
background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_absolute_stacks_in_237811_266.transform-True {
transition: transform 250ms 0ms, opacity 300ms 0ms, min-width 250ms 0ms, min-height 250ms 0ms, max-width 250ms 0ms, max-height 250ms 0ms, margin 250ms 0ms, padding 250ms 0ms, border-radius 250ms 0ms, color 300ms 0ms, background 250ms 0ms, box-shadow 250ms 0ms, border 300ms 0ms;
transition-timing-function: ease-in-out; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_266.transform-True {
border-style: solid;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: transform 250ms 0ms, opacity 300ms 0ms, min-width 250ms 0ms, min-height 250ms 0ms, max-width 250ms 0ms, max-height 250ms 0ms, margin 250ms 0ms, padding 250ms 0ms, border-radius 250ms 0ms, color 300ms 0ms, background 250ms 0ms, box-shadow 250ms 0ms, border 300ms 0ms;
transition-timing-function: ease-in-out; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_266.transform-True::before {
top: 0;
left: 0;
right: 0;
bottom: 0; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_container_stacks_in_237811_266.transform-True.inherit-colors {
transition: transform 250ms 0ms, opacity 300ms 0ms, min-width 250ms 0ms, min-height 250ms 0ms, max-width 250ms 0ms, max-height 250ms 0ms, margin 250ms 0ms, padding 250ms 0ms, border-radius 250ms 0ms, background 250ms 0ms, box-shadow 250ms 0ms, border 300ms 0ms, color 0s; }
#fluid_text_stacks_in_237811_272 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(108, 101, 29, 1.00);
font-size: 18px;
line-height: 29.124001px;
margin: 6px 0px 4px 0px;
transform-origin: center center;
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_272 h1, #fluid_text_stacks_in_237811_272 h2, #fluid_text_stacks_in_237811_272 h3, #fluid_text_stacks_in_237811_272 h4, #fluid_text_stacks_in_237811_272 h5, #fluid_text_stacks_in_237811_272 h6, #fluid_text_stacks_in_237811_272 p, #fluid_text_stacks_in_237811_272 span, #fluid_text_stacks_in_237811_272 blockquote, #fluid_text_stacks_in_237811_272 strong, #fluid_text_stacks_in_237811_272 em {
color: rgba(108, 101, 29, 1.00); }
#fluid_text_stacks_in_237811_272 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_272.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_272.inherit-text-color h1, #fluid_text_stacks_in_237811_272.inherit-text-color h2, #fluid_text_stacks_in_237811_272.inherit-text-color h3, #fluid_text_stacks_in_237811_272.inherit-text-color h4, #fluid_text_stacks_in_237811_272.inherit-text-color h5, #fluid_text_stacks_in_237811_272.inherit-text-color h6, #fluid_text_stacks_in_237811_272.inherit-text-color p, #fluid_text_stacks_in_237811_272.inherit-text-color span, #fluid_text_stacks_in_237811_272.inherit-text-color blockquote, #fluid_text_stacks_in_237811_272.inherit-text-color strong, #fluid_text_stacks_in_237811_272.inherit-text-color em, #fluid_text_stacks_in_237811_272.inherit-text-color ul, #fluid_text_stacks_in_237811_272.inherit-text-color li, #fluid_text_stacks_in_237811_272.inherit-text-color a, #fluid_text_stacks_in_237811_272.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_272.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_272.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_272.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_272.text-as-markdown .fluid--text-markdown * {
color: rgba(108, 101, 29, 1.00);
font-size: 18px;
line-height: 29.124001px; }
#fluid_text_stacks_in_237811_272.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_272.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_272.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_272.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_272.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_272.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_272.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_272.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_272.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_272.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_272.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_272.transform-True {
transition: transform 300ms 150ms, font-size 300ms 100ms, line-height 300ms 100ms, margin 300ms 0ms, color 300ms 0ms, opacity 300ms 0ms, font-weight 300ms 100ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 300ms 100ms, line-height 300ms 100ms, margin 300ms 0ms, color 300ms 0ms, opacity 300ms 0ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.display ~ #fluid_text_stacks_in_237811_272.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_272.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True {
font-size: 0px !important;
line-height: 0.000000px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.size ~ #fluid_text_stacks_in_237811_272.transform-True .fluid--text-markdown a {
font-size: 0px !important;
line-height: 0.000000px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.color ~ #fluid_text_stacks_in_237811_272.transform-True {
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.color ~ #fluid_text_stacks_in_237811_272.transform-True * {
transition: none;
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.margin ~ #fluid_text_stacks_in_237811_272.transform-True {
margin: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_272.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_270.fluid--transform.style ~ #fluid_text_stacks_in_237811_272.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 300ms 100ms, line-height 300ms 100ms, margin 300ms 0ms, opacity 300ms 0ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 0px !important;
line-height: 0.000000px !important; }
#fluid_text_stacks_in_237811_504 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(255, 252, 235, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 0px;
transform-origin: center right;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_504 h1, #fluid_text_stacks_in_237811_504 h2, #fluid_text_stacks_in_237811_504 h3, #fluid_text_stacks_in_237811_504 h4, #fluid_text_stacks_in_237811_504 h5, #fluid_text_stacks_in_237811_504 h6, #fluid_text_stacks_in_237811_504 p, #fluid_text_stacks_in_237811_504 span, #fluid_text_stacks_in_237811_504 blockquote, #fluid_text_stacks_in_237811_504 strong, #fluid_text_stacks_in_237811_504 em {
color: rgba(255, 252, 235, 1.00); }
#fluid_text_stacks_in_237811_504 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_504.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_504.inherit-text-color h1, #fluid_text_stacks_in_237811_504.inherit-text-color h2, #fluid_text_stacks_in_237811_504.inherit-text-color h3, #fluid_text_stacks_in_237811_504.inherit-text-color h4, #fluid_text_stacks_in_237811_504.inherit-text-color h5, #fluid_text_stacks_in_237811_504.inherit-text-color h6, #fluid_text_stacks_in_237811_504.inherit-text-color p, #fluid_text_stacks_in_237811_504.inherit-text-color span, #fluid_text_stacks_in_237811_504.inherit-text-color blockquote, #fluid_text_stacks_in_237811_504.inherit-text-color strong, #fluid_text_stacks_in_237811_504.inherit-text-color em, #fluid_text_stacks_in_237811_504.inherit-text-color ul, #fluid_text_stacks_in_237811_504.inherit-text-color li, #fluid_text_stacks_in_237811_504.inherit-text-color a, #fluid_text_stacks_in_237811_504.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_504.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_504.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_504.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_504.text-as-markdown .fluid--text-markdown * {
color: rgba(255, 252, 235, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_504.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_504.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_504.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_504.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_504.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_504.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_504.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_504.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_504.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_504.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_504.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_504.transform-True {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.display ~ #fluid_text_stacks_in_237811_504.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_504.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True {
font-size: 16px !important;
line-height: 25.888000px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.size ~ #fluid_text_stacks_in_237811_504.transform-True .fluid--text-markdown a {
font-size: 16px !important;
line-height: 25.888000px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.color ~ #fluid_text_stacks_in_237811_504.transform-True {
color: rgba(255, 252, 235, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.color ~ #fluid_text_stacks_in_237811_504.transform-True * {
transition: none;
color: rgba(255, 252, 235, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.margin ~ #fluid_text_stacks_in_237811_504.transform-True {
margin: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_504.transform-True {
transform: scale(1.00) translate(-15px, -15px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_505.fluid--transform.style ~ #fluid_text_stacks_in_237811_504.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 16px !important;
line-height: 25.888000px !important; }
#fluid_text_stacks_in_237811_450 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 20px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_450 h1, #fluid_text_stacks_in_237811_450 h2, #fluid_text_stacks_in_237811_450 h3, #fluid_text_stacks_in_237811_450 h4, #fluid_text_stacks_in_237811_450 h5, #fluid_text_stacks_in_237811_450 h6, #fluid_text_stacks_in_237811_450 p, #fluid_text_stacks_in_237811_450 span, #fluid_text_stacks_in_237811_450 blockquote, #fluid_text_stacks_in_237811_450 strong, #fluid_text_stacks_in_237811_450 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_450 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_450.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_450.inherit-text-color h1, #fluid_text_stacks_in_237811_450.inherit-text-color h2, #fluid_text_stacks_in_237811_450.inherit-text-color h3, #fluid_text_stacks_in_237811_450.inherit-text-color h4, #fluid_text_stacks_in_237811_450.inherit-text-color h5, #fluid_text_stacks_in_237811_450.inherit-text-color h6, #fluid_text_stacks_in_237811_450.inherit-text-color p, #fluid_text_stacks_in_237811_450.inherit-text-color span, #fluid_text_stacks_in_237811_450.inherit-text-color blockquote, #fluid_text_stacks_in_237811_450.inherit-text-color strong, #fluid_text_stacks_in_237811_450.inherit-text-color em, #fluid_text_stacks_in_237811_450.inherit-text-color ul, #fluid_text_stacks_in_237811_450.inherit-text-color li, #fluid_text_stacks_in_237811_450.inherit-text-color a, #fluid_text_stacks_in_237811_450.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_450.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_450.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_450.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_450.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_450.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_450.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_450.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_450.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_450.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_450.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_450.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_450.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_450.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_450.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_450.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_450.transform-True {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.display ~ #fluid_text_stacks_in_237811_450.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_450.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.size ~ #fluid_text_stacks_in_237811_450.transform-True .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.color ~ #fluid_text_stacks_in_237811_450.transform-True {
color: rgba(255, 255, 255, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.color ~ #fluid_text_stacks_in_237811_450.transform-True * {
transition: none;
color: rgba(255, 255, 255, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.margin ~ #fluid_text_stacks_in_237811_450.transform-True {
margin: 0px 0px 0px 20px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_450.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_452.fluid--transform.style ~ #fluid_text_stacks_in_237811_450.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
#fluid_text_stacks_in_237811_283 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 20px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_283 h1, #fluid_text_stacks_in_237811_283 h2, #fluid_text_stacks_in_237811_283 h3, #fluid_text_stacks_in_237811_283 h4, #fluid_text_stacks_in_237811_283 h5, #fluid_text_stacks_in_237811_283 h6, #fluid_text_stacks_in_237811_283 p, #fluid_text_stacks_in_237811_283 span, #fluid_text_stacks_in_237811_283 blockquote, #fluid_text_stacks_in_237811_283 strong, #fluid_text_stacks_in_237811_283 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_283 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_283.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_283.inherit-text-color h1, #fluid_text_stacks_in_237811_283.inherit-text-color h2, #fluid_text_stacks_in_237811_283.inherit-text-color h3, #fluid_text_stacks_in_237811_283.inherit-text-color h4, #fluid_text_stacks_in_237811_283.inherit-text-color h5, #fluid_text_stacks_in_237811_283.inherit-text-color h6, #fluid_text_stacks_in_237811_283.inherit-text-color p, #fluid_text_stacks_in_237811_283.inherit-text-color span, #fluid_text_stacks_in_237811_283.inherit-text-color blockquote, #fluid_text_stacks_in_237811_283.inherit-text-color strong, #fluid_text_stacks_in_237811_283.inherit-text-color em, #fluid_text_stacks_in_237811_283.inherit-text-color ul, #fluid_text_stacks_in_237811_283.inherit-text-color li, #fluid_text_stacks_in_237811_283.inherit-text-color a, #fluid_text_stacks_in_237811_283.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_283.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_283.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_283.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_283.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_283.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_283.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_283.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_283.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_283.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_283.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_283.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_283.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_283.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_283.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_283.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_283.transform-True {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.display ~ #fluid_text_stacks_in_237811_283.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_283.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.size ~ #fluid_text_stacks_in_237811_283.transform-True .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.color ~ #fluid_text_stacks_in_237811_283.transform-True {
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.color ~ #fluid_text_stacks_in_237811_283.transform-True * {
transition: none;
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.margin ~ #fluid_text_stacks_in_237811_283.transform-True {
margin: 0px 0px 30px 20px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_283.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_281.fluid--transform.style ~ #fluid_text_stacks_in_237811_283.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
#fluid_text_stacks_in_237811_288 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 20px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_288 h1, #fluid_text_stacks_in_237811_288 h2, #fluid_text_stacks_in_237811_288 h3, #fluid_text_stacks_in_237811_288 h4, #fluid_text_stacks_in_237811_288 h5, #fluid_text_stacks_in_237811_288 h6, #fluid_text_stacks_in_237811_288 p, #fluid_text_stacks_in_237811_288 span, #fluid_text_stacks_in_237811_288 blockquote, #fluid_text_stacks_in_237811_288 strong, #fluid_text_stacks_in_237811_288 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_288 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_288.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_288.inherit-text-color h1, #fluid_text_stacks_in_237811_288.inherit-text-color h2, #fluid_text_stacks_in_237811_288.inherit-text-color h3, #fluid_text_stacks_in_237811_288.inherit-text-color h4, #fluid_text_stacks_in_237811_288.inherit-text-color h5, #fluid_text_stacks_in_237811_288.inherit-text-color h6, #fluid_text_stacks_in_237811_288.inherit-text-color p, #fluid_text_stacks_in_237811_288.inherit-text-color span, #fluid_text_stacks_in_237811_288.inherit-text-color blockquote, #fluid_text_stacks_in_237811_288.inherit-text-color strong, #fluid_text_stacks_in_237811_288.inherit-text-color em, #fluid_text_stacks_in_237811_288.inherit-text-color ul, #fluid_text_stacks_in_237811_288.inherit-text-color li, #fluid_text_stacks_in_237811_288.inherit-text-color a, #fluid_text_stacks_in_237811_288.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_288.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_288.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_288.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_288.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_288.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_288.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_288.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_288.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_288.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_288.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_288.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_288.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_288.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_288.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_288.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_288.transform-True {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.display ~ #fluid_text_stacks_in_237811_288.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_288.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.size ~ #fluid_text_stacks_in_237811_288.transform-True .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.color ~ #fluid_text_stacks_in_237811_288.transform-True {
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.color ~ #fluid_text_stacks_in_237811_288.transform-True * {
transition: none;
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.margin ~ #fluid_text_stacks_in_237811_288.transform-True {
margin: 0px 0px 30px 20px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_288.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_286.fluid--transform.style ~ #fluid_text_stacks_in_237811_288.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
#fluid_text_stacks_in_237811_569 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 20px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_569 h1, #fluid_text_stacks_in_237811_569 h2, #fluid_text_stacks_in_237811_569 h3, #fluid_text_stacks_in_237811_569 h4, #fluid_text_stacks_in_237811_569 h5, #fluid_text_stacks_in_237811_569 h6, #fluid_text_stacks_in_237811_569 p, #fluid_text_stacks_in_237811_569 span, #fluid_text_stacks_in_237811_569 blockquote, #fluid_text_stacks_in_237811_569 strong, #fluid_text_stacks_in_237811_569 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_569 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_569.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_569.inherit-text-color h1, #fluid_text_stacks_in_237811_569.inherit-text-color h2, #fluid_text_stacks_in_237811_569.inherit-text-color h3, #fluid_text_stacks_in_237811_569.inherit-text-color h4, #fluid_text_stacks_in_237811_569.inherit-text-color h5, #fluid_text_stacks_in_237811_569.inherit-text-color h6, #fluid_text_stacks_in_237811_569.inherit-text-color p, #fluid_text_stacks_in_237811_569.inherit-text-color span, #fluid_text_stacks_in_237811_569.inherit-text-color blockquote, #fluid_text_stacks_in_237811_569.inherit-text-color strong, #fluid_text_stacks_in_237811_569.inherit-text-color em, #fluid_text_stacks_in_237811_569.inherit-text-color ul, #fluid_text_stacks_in_237811_569.inherit-text-color li, #fluid_text_stacks_in_237811_569.inherit-text-color a, #fluid_text_stacks_in_237811_569.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_569.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_569.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_569.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_569.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_569.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_569.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_569.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_569.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_569.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_569.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_569.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_569.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_569.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_569.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_569.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_569.transform-True {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown * {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.display ~ #fluid_text_stacks_in_237811_569.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_569.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.size ~ #fluid_text_stacks_in_237811_569.transform-True .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.color ~ #fluid_text_stacks_in_237811_569.transform-True {
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.color ~ #fluid_text_stacks_in_237811_569.transform-True * {
transition: none;
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.margin ~ #fluid_text_stacks_in_237811_569.transform-True {
margin: 0px 0px 30px 20px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_569.transform-True {
transform: scale(1.00) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_570.fluid--transform.style ~ #fluid_text_stacks_in_237811_569.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 300ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 150ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 32px !important;
line-height: 51.776001px !important; }
#stacks_in_237811_532 .show-for-custom { display:none; }
@media only screen and (min-width: 1113px) {
#stacks_in_237811_532 .show-for-custom { display:block; }
#stacks_in_237811_532 .hide-for-custom { display:none; }
}
#fluid_trigger_stacks_in_237811_296 {
color: inherit !important; }
#fluid_trigger_stacks_in_237811_296 .state-trigger {
display: none; }
#fluid_trigger_stacks_in_237811_296.change-on-scroll > div:not(.state-trigger), #fluid_trigger_stacks_in_237811_296.change-on-resize > div:not(.state-trigger) {
display: none; }
#fluid_trigger_stacks_in_237811_296.change-on-scroll .state-trigger-type::before {
content: 'Trigger states when window is scrolled to this item'; }
#fluid_trigger_stacks_in_237811_296.change-on-scroll .state-trigger-type::after {
content: 'format_line_spacing'; }
#fluid_trigger_stacks_in_237811_296.change-on-resize .state-trigger-type::before {
content: 'Trigger states when window is <= 720px'; }
#fluid_trigger_stacks_in_237811_296.change-on-resize .state-trigger-type::after {
content: 'aspect_ratio'; }
#fluid_trigger_stacks_in_237811_296.change-on-toggle {
cursor: pointer; }
#fluid_trigger_stacks_in_237811_296.change-on-toggle .state-trigger-type::before {
content: 'Trigger states when this content is clicked'; }
#fluid_trigger_stacks_in_237811_296.change-on-toggle .state-trigger-type::after {
content: 'mouse'; }
#fluid_trigger_stacks_in_237811_296.change-on-hover {
pointer-events: none; }
#fluid_trigger_stacks_in_237811_296.change-on-hover .trigger-content {
pointer-events: auto; }
#fluid_trigger_stacks_in_237811_296.change-on-hover .state-trigger-type {
pointer-events: auto; }
#fluid_trigger_stacks_in_237811_296.change-on-hover .state-trigger-type::before {
content: 'Trigger states when this content is hovered'; }
#fluid_trigger_stacks_in_237811_296.change-on-hover .state-trigger-type::after {
content: 'near_me'; }
#fluid_trigger_stacks_in_237811_296.fill-shrink {
flex: 0 1 auto; }
#fluid_trigger_stacks_in_237811_296.fill-grow {
width: 100%;
flex: 0 1 auto; }
#fluid_trigger_stacks_in_237811_296.align-left {
margin-right: auto; }
#fluid_trigger_stacks_in_237811_296.align-right {
margin-left: auto; }
#fluid_trigger_stacks_in_237811_296.align-center {
margin: 0 auto; }
/* */
#fluid_text_stacks_in_237811_309 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 0px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_309 h1, #fluid_text_stacks_in_237811_309 h2, #fluid_text_stacks_in_237811_309 h3, #fluid_text_stacks_in_237811_309 h4, #fluid_text_stacks_in_237811_309 h5, #fluid_text_stacks_in_237811_309 h6, #fluid_text_stacks_in_237811_309 p, #fluid_text_stacks_in_237811_309 span, #fluid_text_stacks_in_237811_309 blockquote, #fluid_text_stacks_in_237811_309 strong, #fluid_text_stacks_in_237811_309 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_309 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_309.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_309.inherit-text-color h1, #fluid_text_stacks_in_237811_309.inherit-text-color h2, #fluid_text_stacks_in_237811_309.inherit-text-color h3, #fluid_text_stacks_in_237811_309.inherit-text-color h4, #fluid_text_stacks_in_237811_309.inherit-text-color h5, #fluid_text_stacks_in_237811_309.inherit-text-color h6, #fluid_text_stacks_in_237811_309.inherit-text-color p, #fluid_text_stacks_in_237811_309.inherit-text-color span, #fluid_text_stacks_in_237811_309.inherit-text-color blockquote, #fluid_text_stacks_in_237811_309.inherit-text-color strong, #fluid_text_stacks_in_237811_309.inherit-text-color em, #fluid_text_stacks_in_237811_309.inherit-text-color ul, #fluid_text_stacks_in_237811_309.inherit-text-color li, #fluid_text_stacks_in_237811_309.inherit-text-color a, #fluid_text_stacks_in_237811_309.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_309.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_309.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_309.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_309.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_309.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_309.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_309.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_309.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_309.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_309.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_309.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_309.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_309.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_309.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_309.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_309.transform-True {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown * {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.display ~ #fluid_text_stacks_in_237811_309.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_309.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True {
font-size: 18px !important;
line-height: 29.124001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.size ~ #fluid_text_stacks_in_237811_309.transform-True .fluid--text-markdown a {
font-size: 18px !important;
line-height: 29.124001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.color ~ #fluid_text_stacks_in_237811_309.transform-True {
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.color ~ #fluid_text_stacks_in_237811_309.transform-True * {
transition: none;
color: rgba(0, 0, 0, 1.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.margin ~ #fluid_text_stacks_in_237811_309.transform-True {
margin: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_309.transform-True {
transform: scale(1.20) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_310.fluid--transform.style ~ #fluid_text_stacks_in_237811_309.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 18px !important;
line-height: 29.124001px !important; }
#fluid_text_stacks_in_237811_326 {
transform: none;
overflow: visible;
box-sizing: border-box;
transition: all 0.3s ease;
opacity: 1.00;
display: block;
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px;
margin: 0px 0px 0px 0px;
transform-origin: center center;
transform: scale(0.00) translate(0px, 0px) rotate(0deg); }
#fluid_text_stacks_in_237811_326 h1, #fluid_text_stacks_in_237811_326 h2, #fluid_text_stacks_in_237811_326 h3, #fluid_text_stacks_in_237811_326 h4, #fluid_text_stacks_in_237811_326 h5, #fluid_text_stacks_in_237811_326 h6, #fluid_text_stacks_in_237811_326 p, #fluid_text_stacks_in_237811_326 span, #fluid_text_stacks_in_237811_326 blockquote, #fluid_text_stacks_in_237811_326 strong, #fluid_text_stacks_in_237811_326 em {
color: rgba(127, 119, 38, 1.00); }
#fluid_text_stacks_in_237811_326 .fluid--text-markdown * {
transition: all 0.3s ease; }
#fluid_text_stacks_in_237811_326.inherit-text-color {
color: inherit !important;
transition: all 0.3s ease, color 0s; }
#fluid_text_stacks_in_237811_326.inherit-text-color h1, #fluid_text_stacks_in_237811_326.inherit-text-color h2, #fluid_text_stacks_in_237811_326.inherit-text-color h3, #fluid_text_stacks_in_237811_326.inherit-text-color h4, #fluid_text_stacks_in_237811_326.inherit-text-color h5, #fluid_text_stacks_in_237811_326.inherit-text-color h6, #fluid_text_stacks_in_237811_326.inherit-text-color p, #fluid_text_stacks_in_237811_326.inherit-text-color span, #fluid_text_stacks_in_237811_326.inherit-text-color blockquote, #fluid_text_stacks_in_237811_326.inherit-text-color strong, #fluid_text_stacks_in_237811_326.inherit-text-color em, #fluid_text_stacks_in_237811_326.inherit-text-color ul, #fluid_text_stacks_in_237811_326.inherit-text-color li, #fluid_text_stacks_in_237811_326.inherit-text-color a, #fluid_text_stacks_in_237811_326.inherit-text-color * {
color: inherit !important; }
#fluid_text_stacks_in_237811_326.inherit-text-color.text-as-markdown {
color: inherit !important; }
#fluid_text_stacks_in_237811_326.inherit-text-color.text-as-markdown * {
color: inherit !important; }
#fluid_text_stacks_in_237811_326.text-as-html .fluid--text-markdown {
display: none; }
#fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-html {
display: none; }
#fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown {
display: block; }
#fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h1, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h2, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h3, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h4, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h5, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown h6, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown p, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown span, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown blockquote, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown strong, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown em, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown ul, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown li, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown a, #fluid_text_stacks_in_237811_326.text-as-markdown .fluid--text-markdown * {
color: rgba(127, 119, 38, 1.00);
font-size: 0px;
line-height: 0.000000px; }
#fluid_text_stacks_in_237811_326.fluid-text--bold {
font-weight: bold; }
#fluid_text_stacks_in_237811_326.fluid-text--italic {
font-style: italic; }
#fluid_text_stacks_in_237811_326.fluid-text--underline {
text-decoration: underline; }
#fluid_text_stacks_in_237811_326.fluid-text--strike {
text-decoration: line-through; }
#fluid_text_stacks_in_237811_326.fluid-text--left {
text-align: left; }
#fluid_text_stacks_in_237811_326.fluid-text--right {
text-align: right; }
#fluid_text_stacks_in_237811_326.fluid-text--center {
text-align: center; }
#fluid_text_stacks_in_237811_326.fluid-text--upper {
text-align: inherit; }
#fluid_text_stacks_in_237811_326.fill-shrink {
flex: 0 1 auto; }
#fluid_text_stacks_in_237811_326.fill-grow {
width: 100%;
flex: 0 1 auto; }
.fluid--layout.direction-rows > #fluid_text_stacks_in_237811_326.fluid--text.fill-grow {
align-self: stretch;
flex: 0 1 auto;
width: auto; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_326.transform-True {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 250ms 150ms;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown * {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, color 300ms 0ms, opacity 250ms 150ms, font-weight 0.3s 0s;
transition-timing-function: ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.display ~ #fluid_text_stacks_in_237811_326.transform-True {
display: block; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.opacity ~ #fluid_text_stacks_in_237811_326.transform-True {
opacity: 1; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True {
font-size: 18px !important;
line-height: 29.124001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.size ~ #fluid_text_stacks_in_237811_326.transform-True .fluid--text-markdown a {
font-size: 18px !important;
line-height: 29.124001px !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.color ~ #fluid_text_stacks_in_237811_326.transform-True {
color: rgba(127, 119, 38, 0.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.color ~ #fluid_text_stacks_in_237811_326.transform-True * {
transition: none;
color: rgba(127, 119, 38, 0.00) !important; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.margin ~ #fluid_text_stacks_in_237811_326.transform-True {
margin: 0px 0px 0px 0px; }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.shape-size ~ #fluid_text_stacks_in_237811_326.transform-True {
transform: scale(1.20) translate(0px, 0px) rotate(0deg); }
.fluid--state-manager[class*="state-menuknopdesktop-true"] #stacks_in_237811_327.fluid--transform.style ~ #fluid_text_stacks_in_237811_326.transform-True {
font-weight: ;
font-style: ;
text-decoration: ;
text-decoration: ; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].inherit-text-color {
transition: transform 0ms 150ms, font-size 250ms 150ms, line-height 250ms 150ms, margin 300ms 0ms, opacity 250ms 150ms, color 0s ease; }
.fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h1, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h2, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h3, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h4, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h5, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown h6, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown p, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown span, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown blockquote, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown strong, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown em, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown ul, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown li, .fluid--state-manager[class*="state-menuknopdesktop-true"].text-as-markdown .fluid--text-markdown a {
font-size: 18px !important;
line-height: 29.124001px !important; }
.target.stacks_in_237811_522{ margin:0px;}.target.stacks_in_237811_522{z-index:99996;}.target.stacks_in_237811_522.width-fill{width:calc(100% - 0px)}.target.stacks_in_237811_522.width-flexible{width:100%}.target.stacks_in_237811_522.width-fixed{width:250px}.target.stacks_in_237811_522.height-fill{height:calc(100% - 0px)}.target.stacks_in_237811_522.height-flexible{height:100%}.target.stacks_in_237811_522.height-fixed{height:250px}.target.stacks_in_237811_522[class*="relative-"].top-pt{top:37%}.target.stacks_in_237811_522[class*="relative-"].top-px{top:37px}.target.stacks_in_237811_522[class*="relative-"].bottom-pt{bottom:37%}.target.stacks_in_237811_522[class*="relative-"].bottom-px{bottom:37px}.target.stacks_in_237811_522[class*="relative-"].right-pt{right:205%}.target.stacks_in_237811_522[class*="relative-"].right-px{right:205px}.target.stacks_in_237811_522[class*="relative-"].left-pt{left:205%}.target.stacks_in_237811_522[class*="relative-"].left-px{left:205px}.target.stacks_in_237811_522.shift-up{margin-top:-0px}.target.stacks_in_237811_522.shift-down{margin-bottom:-0px}.target.stacks_in_237811_522.shift-left{right:0px}.target.stacks_in_237811_522.shift-right{left:0px}.target.stacks_in_237811_522.pin-top,.target.stacks_in_237811_522.pin-bottom{left:0px}.target.stacks_in_237811_522.pin-left,.target.stacks_in_237811_522.pin-right{top:0px}
#stacks_in_237811_523 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237811_524 h1,#stacks_in_237811_524 h1 a,#stacks_in_237811_524 p,#stacks_in_237811_524 p a{
font-size:14px;
line-height:1.00em;
margin:0;
}
#stacks_in_237811_524 h1,#stacks_in_237811_524 h1 a,#stacks_in_237811_524 p,#stacks_in_237811_524 p a{
color:rgba(111, 104, 36, 1.00);
-webkit-font-smoothing: antialiased;
transition: color 0.2s ease-in-out;
font-style:normal;
text-decoration:none;
text-align:left;
font-weight: 700 ;
font-family:"Rubik";
}
#stacks_in_237811_524 p a:hover, #stacks_in_237811_524 h1 a:hover{
color:rgba(204, 204, 204, 1.00);
}
#stacks_in_237811_526 p,#stacks_in_237811_526 p a,#stacks_in_237811_526 p,#stacks_in_237811_526 p a{
font-size:14px;
line-height:1.00em;
margin:0;
}
#stacks_in_237811_526 p,#stacks_in_237811_526 p a,#stacks_in_237811_526 p,#stacks_in_237811_526 p a{
color:rgba(111, 104, 36, 1.00);
-webkit-font-smoothing: antialiased;
transition: color 0.2s ease-in-out;
font-style:normal;
text-decoration:none;
text-align:left;
font-weight: 500 ;
}
#stacks_in_237811_526 p a:hover, #stacks_in_237811_526 p a:hover{
color:rgba(204, 204, 204, 1.00);
}
/* ScrollShow v1.0.3 */
#stacks_in_237811_534, #stacks_in_237811_534 * {
box-sizing: border-box;
}
#stacks_in_237811_534 {
position: fixed;
z-index: 100000;
bottom: 20px;
right: 20px;
width: calc(50% - 20px) !important;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0";
visibility: hidden;
overflow-y: auto;
width: 50%;
max-height: 100%;
min-width: 35px;
max-width: 35px;
-webkit-transition: visibility 0ms, opacity 0ms linear;
transition: visibility 0ms, opacity 0ms linear;
}
/* @group general styling */
#stacks_in_237811_534_wrapper, #stacks_in_237811_534_wrapper p {
}
/* @end */
/* @group link styling */
#stacks_in_237811_534_wrapper a,
#stacks_in_237811_534_wrapper a.ssClose,
#stacks_in_237811_534_wrapper a.ssClose:visited {
}
#stacks_in_237811_534_wrapper a:visited {
}
#stacks_in_237811_534_wrapper a:hover,
#stacks_in_237811_534_wrapper a.ssClose:hover {
}
#stacks_in_237811_534_wrapper a:active,
#stacks_in_237811_534_wrapper a.ssClose:active {
}
/* @end */
/* @group heading styling */
#stacks_in_237811_534_wrapper h1 {
}
#stacks_in_237811_534_wrapper h2 {
}
#stacks_in_237811_534_wrapper h3 {
}
#stacks_in_237811_534_wrapper h4 {
}
#stacks_in_237811_534_wrapper h5 {
}
#stacks_in_237811_534_wrapper h6 {
}
/* @end */
/* @group show/hide */
#stacks_in_237811_534.ss_hide {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#stacks_in_237811_534.ss_show {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#stacks_in_237811_534.ss_hide_forever {
visibility: hidden !important;
opacity: 0 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
}
/* @end */
/* End of ScrollShow */#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after:hover,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack:hover{}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{margin:0px;padding:0px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.width-minmax{min-width:100px;max-width:800px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.width-static{width:32px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.width-flexible{width:100%}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.margin-detailed{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.padding-detailed{padding:13.00px 5.00px 0.00px 5.00px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.height-static{height:70px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.height-minmax{min-height:100px;max-height:800px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{border-color:#6C651D;border-width:2px;border-style:solid;border-radius:20px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover::after{border-radius:20px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius::after{border-radius:20.00rem 20.00rem 20.00rem 20.00rem}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-color{background-color:#FFFFFF}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-gradient{background-color:#89C5FF}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass){}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.jack.bg-image:hover::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.padding-detailed,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.padding-detailed.jack.bg-image:hover::after{padding:13.00px 5.00px 0.00px 5.00px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.bg-size-static,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.bg-size-static.jack.bg-image:hover::after{background-size:300px}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.bg-size-fluid,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.bg-size-fluid.jack.bg-image:hover::after{background-size:100%}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.bg-warehouse,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.bg-warehouse.jack.bg-image:hover::after{background-image:url()}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.bg-fallback,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.bg-fallback.jack.bg-image:hover::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.jack.bg-image:hover::after{}#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.bg-image.glass.after.bg-warehouse,#stacks_in_237811_537 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .glass.bg-warehouse.jack.bg-image:hover::after{}}
#stacks_in_237811_539{}#stacks_in_237811_539 > .jack{margin:0px;padding:0px;border-color:#B8B798;border-width:2px;border-style:solid;border-radius:20px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237811_539 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237811_539 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237811_539 > .jack.width-static{width:32px}#stacks_in_237811_539 > .jack.width-flexible{width:100%}#stacks_in_237811_539 > .jack.margin-detailed{margin:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_237811_539 > .jack.padding-detailed{padding:5.00px 0.00px 4.00px 0.00px}#stacks_in_237811_539 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237811_539 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237811_539 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237811_539 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237811_539 > .jack::after{border-radius:20px}#stacks_in_237811_539 > .jack.border-detailed-radius,#stacks_in_237811_539 > .jack.border-detailed-radius::after{border-radius:20.00rem 20.00rem 20.00rem 20.00rem}#stacks_in_237811_539 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237811_539 > .jack.bg-color{background-color:#FFFCEB}#stacks_in_237811_539 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237811_539 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_539 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237811_539 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237811_539 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237811_539 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_539 > .jack.bg-image:not(.glass){}#stacks_in_237811_539 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237811_539 > .jack.bg-image.glass.after,#stacks_in_237811_539 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237811_539 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237811_539 > .glass.padding-detailed.jack.bg-image::after{padding:5.00px 0.00px 4.00px 0.00px}#stacks_in_237811_539 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237811_539 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237811_539 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237811_539 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237811_539 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237811_539 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237811_539 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237811_539 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237811_539 > .jack.bg-image.glass.after,#stacks_in_237811_539 > .glass.jack.bg-image::after{}#stacks_in_237811_539 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237811_539 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237811_539 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237811_539 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237811_539 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237811_539 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237811_539 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237811_539 > .jack.peek-shadow::before,#stacks_in_237811_539 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237811_539 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237811_539 > .jack{overflow:visible;z-index:99999 !important;}#stacks_in_237811_539 > .jack.height-static{height:45px}#stacks_in_237811_539 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237811_541 p,#stacks_in_237811_541 div{margin-bottom:0}#stacks_in_237811_541 p,#stacks_in_237811_541 div,#stacks_in_237811_541 ul,#stacks_in_237811_541 ol,#stacks_in_237811_541 dl{color:rgba(108, 101, 29, 1.00)}#stacks_in_237811_541 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_237811_541 a:hover{color:rgba(0, 102, 136, 1.00)}#stacks_in_237811_541 p,#stacks_in_237811_541 div,#stacks_in_237811_541 ul,#stacks_in_237811_541 ol,#stacks_in_237811_541 dl{line-height:0.90;font-size:1.20rem}
#stacks_in_237811_589 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237811_585 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237811_585 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_237811_585 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_237811_585 > .row.padding-detailed.padding-medium-up,#stacks_in_237811_585 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237811_585 > .row.padding-detailed.padding-y-medium-up,#stacks_in_237811_585 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_237811_585 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237811_585 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}
#stacks_in_237811_585 {
margin: 38px 0px 0px 0px;
}
#stacks_out_237811_586 {
width: 56px;
margin-right:0;
}
.target_stacks_in_236827{z-index:5000;}.target_stacks_in_236827.rotate{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.target_stacks_in_236827.width-flexible{width:100%}.target_stacks_in_236827.width-fixed{width:250px}.target_stacks_in_236827.height-flexible{height:100%}.target_stacks_in_236827.height-fixed{height:250px}.target_stacks_in_236827.top_pt{top:305%}.target_stacks_in_236827.top_px{top:305px}.target_stacks_in_236827.bottom_pt{bottom:305%}.target_stacks_in_236827.bottom_px{bottom:305px}.target_stacks_in_236827.right_pt{right:0%}.target_stacks_in_236827.right_px{right:0px}.target_stacks_in_236827.left_pt{left:0%}.target_stacks_in_236827.left_px{left:0px}
#stacks_in_237822 h1,#stacks_in_237822 h1 a,#stacks_in_237822 p,#stacks_in_237822 p a{
color:rgba(255, 255, 255, 1.00);
-webkit-font-smoothing: antialiased;
transition: color 0.2s ease-in-out;
font-style:normal;
text-decoration:none;
text-align:center;
font-weight: 900 ;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.60);
}
#stacks_in_237822 p a:hover, #stacks_in_237822 h1 a:hover{
color:rgba(204, 204, 204, 1.00);
}
#stacks_in_236840{padding-left:0px;padding-right:0px;}#stacks_in_236840 > .jack{margin:0px;padding:0px;border-color:#7F7726;border-width:0px;border-style:solid;border-radius:4px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_236840 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_236840 > .jack.width-minmax{min-width:300px;max-width:500px}#stacks_in_236840 > .jack.width-static{width:500px}#stacks_in_236840 > .jack.width-flexible{width:100%}#stacks_in_236840 > .jack.margin-detailed{margin:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_236840 > .jack.padding-detailed{padding:1.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_236840 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_236840 > .jack.border-detailed-width{border-width:5.00px 5.00px 0.00px 5.00px}#stacks_in_236840 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_236840 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_236840 > .jack::after{border-radius:4px}#stacks_in_236840 > .jack.border-detailed-radius,#stacks_in_236840 > .jack.border-detailed-radius::after{border-radius:34.00px 34.00px 0.00px 0.00px}#stacks_in_236840 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_236840 > .jack.bg-color{background-color:#FFFCEB}#stacks_in_236840 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_236840 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_236840 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_236840 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_236840 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_236840 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_236840 > .jack.bg-image:not(.glass){}#stacks_in_236840 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_236840 > .jack.bg-image.glass.after,#stacks_in_236840 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_236840 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_236840 > .glass.padding-detailed.jack.bg-image::after{padding:1.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_236840 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_236840 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_236840 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_236840 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_236840 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_236840 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_236840 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_236840 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_236840 > .jack.bg-image.glass.after,#stacks_in_236840 > .glass.jack.bg-image::after{}#stacks_in_236840 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_236840 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_236840 > .jack.drop-shadow{-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.30);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.30)}#stacks_in_236840 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_236840 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.30),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.30),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_236840 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_236840 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_236840 > .jack.peek-shadow::before,#stacks_in_236840 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_236840 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_236840 > .jack{overflow:visible;}#stacks_in_236840 > .jack.height-static{height:100px}#stacks_in_236840 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237830 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237830 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237830 > .row.divider > .columns:not(:first-child):before{top:7px;bottom:7px;width:2px;background:rgba(108, 101, 29, 1.00)}
#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after,#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after:hover,#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{border-color:#6C651D;border-width:2px;border-style:solid;border-radius:20px}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover::after{border-radius:20px}#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius,#stacks_in_237842 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius::after{border-radius:3.00rem 3.00rem 3.00rem 3.00rem}
#stacks_in_237843{padding-right:0.00rem;padding-left:0.00rem;}#stacks_in_237843 > .jack{margin:0px;padding:0px;border-color:#B8B798;border-width:2px;border-style:solid;border-radius:20px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237843 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237843 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237843 > .jack.width-static{width:55px}#stacks_in_237843 > .jack.width-flexible{width:100%}#stacks_in_237843 > .jack.margin-detailed{margin:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_237843 > .jack.padding-detailed{padding:7.00px 0.00px 6.00px 0.00px}#stacks_in_237843 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237843 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237843 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237843 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237843 > .jack::after{border-radius:20px}#stacks_in_237843 > .jack.border-detailed-radius,#stacks_in_237843 > .jack.border-detailed-radius::after{border-radius:3.00rem 3.00rem 3.00rem 3.00rem}#stacks_in_237843 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237843 > .jack.bg-color{background-color:#89C5FF}#stacks_in_237843 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237843 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237843 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237843 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237843 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237843 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237843 > .jack.bg-image:not(.glass){}#stacks_in_237843 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237843 > .jack.bg-image.glass.after,#stacks_in_237843 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237843 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237843 > .glass.padding-detailed.jack.bg-image::after{padding:7.00px 0.00px 6.00px 0.00px}#stacks_in_237843 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237843 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237843 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237843 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237843 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237843 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237843 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237843 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237843 > .jack.bg-image.glass.after,#stacks_in_237843 > .glass.jack.bg-image::after{}#stacks_in_237843 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237843 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237843 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237843 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237843 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237843 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237843 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237843 > .jack.peek-shadow::before,#stacks_in_237843 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237843 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237843 > .jack{overflow:visible;}#stacks_in_237843 > .jack.height-static{height:100px}#stacks_in_237843 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237844 p,#stacks_in_237844 div{margin-bottom:0}#stacks_in_237844 p,#stacks_in_237844 div,#stacks_in_237844 ul,#stacks_in_237844 ol,#stacks_in_237844 dl{color:rgba(108, 101, 29, 1.00)}#stacks_in_237844 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_237844 a:hover{color:rgba(0, 102, 136, 1.00)}#stacks_in_237844 p,#stacks_in_237844 div,#stacks_in_237844 ul,#stacks_in_237844 ol,#stacks_in_237844 dl{line-height:1.50;font-size:1.20rem}
#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after,#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::after:hover,#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack::before:hover{-webkit-transition:all 200ms ease;transition:all 200ms ease}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover{border-color:#6C651D;border-width:2px;border-style:solid;border-radius:20px}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover::after{border-radius:20px}#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius,#stacks_in_237833 > .stacks_out > .com_joeworkman_stacks_jack4_stack > .jack:hover.border-detailed-radius::after{border-radius:3.00rem 3.00rem 3.00rem 3.00rem}
#stacks_in_237834{padding-right:0.00rem;padding-left:0.00rem;}#stacks_in_237834 > .jack{margin:0px;padding:0px;border-color:#B8B798;border-width:2px;border-style:solid;border-radius:20px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237834 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237834 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237834 > .jack.width-static{width:55px}#stacks_in_237834 > .jack.width-flexible{width:100%}#stacks_in_237834 > .jack.margin-detailed{margin:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_237834 > .jack.padding-detailed{padding:7.00px 0.00px 6.00px 0.00px}#stacks_in_237834 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237834 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237834 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237834 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237834 > .jack::after{border-radius:20px}#stacks_in_237834 > .jack.border-detailed-radius,#stacks_in_237834 > .jack.border-detailed-radius::after{border-radius:3.00rem 3.00rem 3.00rem 3.00rem}#stacks_in_237834 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237834 > .jack.bg-color{background-color:#89C5FF}#stacks_in_237834 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237834 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237834 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237834 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237834 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237834 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237834 > .jack.bg-image:not(.glass){}#stacks_in_237834 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237834 > .jack.bg-image.glass.after,#stacks_in_237834 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237834 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237834 > .glass.padding-detailed.jack.bg-image::after{padding:7.00px 0.00px 6.00px 0.00px}#stacks_in_237834 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237834 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237834 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237834 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237834 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237834 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237834 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237834 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237834 > .jack.bg-image.glass.after,#stacks_in_237834 > .glass.jack.bg-image::after{}#stacks_in_237834 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237834 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237834 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237834 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237834 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237834 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237834 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237834 > .jack.peek-shadow::before,#stacks_in_237834 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237834 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237834 > .jack{overflow:visible;}#stacks_in_237834 > .jack.height-static{height:100px}#stacks_in_237834 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237835 p,#stacks_in_237835 div{margin-bottom:0}#stacks_in_237835 p,#stacks_in_237835 div,#stacks_in_237835 ul,#stacks_in_237835 ol,#stacks_in_237835 dl{color:rgba(108, 101, 29, 1.00)}#stacks_in_237835 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_237835 a:hover{color:rgba(0, 102, 136, 1.00)}#stacks_in_237835 p,#stacks_in_237835 div,#stacks_in_237835 ul,#stacks_in_237835 ol,#stacks_in_237835 dl{line-height:1.50;font-size:1.20rem}
#stacks_in_237319 > .row{padding-top:1.00rem;padding-bottom:0.00rem}#stacks_in_237319 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_237319 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_237319 > .row.padding-detailed.padding-medium-up,#stacks_in_237319 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237319 > .row.padding-detailed.padding-y-medium-up,#stacks_in_237319 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_237319 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237319 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}
#stacks_in_237312 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237312 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237312 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_237296 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237296 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237296 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_237289 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237289 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237289 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_236891 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_236891 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_236891 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_236909{overflow:hidden}#stacks_in_236909 hr{opacity:1.00;border-top-style:dashed;border-top-width:5px;margin:3.00rem 0;}#stacks_in_236909 hr.custom{border-color:rgba(255, 255, 255, 1.00)}
#stacks_in_236890{overflow:hidden}#stacks_in_236890 hr{opacity:1.00;border-top-style:dashed;border-top-width:5px;margin:3.00rem 0;}#stacks_in_236890 hr.custom{border-color:rgba(127, 119, 38, 1.00)}
#stacks_in_236910{overflow:hidden}#stacks_in_236910 hr{opacity:1.00;border-top-style:dashed;border-top-width:5px;margin:3.00rem 0;}#stacks_in_236910 hr.custom{border-color:rgba(255, 255, 255, 1.00)}
#stacks_in_237152 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237152 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237152 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_237828{text-align:center}
#stacks_in_237154{text-align:center}
#stacks_in_237158{text-align:center}
#stacks_in_237162{text-align:center}
#stacks_in_237166{text-align:center}#stacks_in_237166 .button{background-color:rgba(255, 255, 255, 1.00);color:rgba(227, 0, 27, 1.00)}#stacks_in_237166 .button:hover{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_237166 .button.ghost{background-color:transparent;border-width:1px;border-color:rgba(255, 255, 255, 1.00);color:rgba(255, 255, 255, 1.00)}#stacks_in_237166 .button.ghost:hover{color:rgba(227, 0, 27, 1.00);border-color:rgba(255, 255, 255, 1.00);background-color:rgba(255, 255, 255, 1.00)}
#stacks_in_236913 > .row{padding-top:0.00rem;padding-bottom:0.93rem}#stacks_in_236913 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_236913 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_236913 > .row.padding-detailed.padding-medium-up,#stacks_in_236913 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_236913 > .row.padding-detailed.padding-y-medium-up,#stacks_in_236913 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_236913 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_236913 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}
#stacks_in_158436 p,#stacks_in_158436 div{margin-bottom:0}
#stacks_in_236531{padding-right:0.00rem;padding-left:0.00rem;}#stacks_in_236531 > .jack{margin:0px;padding:0px;border-color:#7F7726;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_236531 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_236531 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_236531 > .jack.width-static{width:500px}#stacks_in_236531 > .jack.width-flexible{width:100%}#stacks_in_236531 > .jack.margin-detailed{margin:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_236531 > .jack.padding-detailed{padding:0.00rem 0.00rem 5.00rem 0.00rem}#stacks_in_236531 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_236531 > .jack.border-detailed-width{border-width:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_236531 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_236531 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_236531 > .jack::after{border-radius:0px}#stacks_in_236531 > .jack.border-detailed-radius,#stacks_in_236531 > .jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_236531 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_236531 > .jack.bg-color{background-color:#FFFCEB}#stacks_in_236531 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_236531 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_236531 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_236531 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_236531 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_236531 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_236531 > .jack.bg-image:not(.glass){}#stacks_in_236531 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_236531 > .jack.bg-image.glass.after,#stacks_in_236531 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_236531 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_236531 > .glass.padding-detailed.jack.bg-image::after{padding:0.00rem 0.00rem 5.00rem 0.00rem}#stacks_in_236531 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_236531 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_236531 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_236531 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_236531 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_236531 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_236531 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_236531 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_236531 > .jack.bg-image.glass.after,#stacks_in_236531 > .glass.jack.bg-image::after{}#stacks_in_236531 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_236531 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_236531 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_236531 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_236531 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_236531 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_236531 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_236531 > .jack.peek-shadow::before,#stacks_in_236531 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_236531 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_236531 > .jack{overflow:visible;z-index:1 !important;}#stacks_in_236531 > .jack.height-static{height:1350px}#stacks_in_236531 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237321 {
margin: 30px 0px 0px 0px;
}
#stacks_in_237821_295{padding-right:1.00rem;padding-left:1.00rem;}#stacks_in_237821_295 > .jack{margin:0px;padding:0px;border-color:#FFFFFF;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237821_295 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237821_295 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237821_295 > .jack.width-static{width:500px}#stacks_in_237821_295 > .jack.width-flexible{width:100%}#stacks_in_237821_295 > .jack.margin-detailed{margin:0.00rem 1.00rem 1.00rem 1.00rem}#stacks_in_237821_295 > .jack.padding-detailed{padding:2.00rem 1.00rem 1.00rem 1.00rem}#stacks_in_237821_295 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237821_295 > .jack.border-detailed-width{border-width:0.00rem 0.00rem 0.00rem 0.00rem}#stacks_in_237821_295 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237821_295 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237821_295 > .jack::after{border-radius:0px}#stacks_in_237821_295 > .jack.border-detailed-radius,#stacks_in_237821_295 > .jack.border-detailed-radius::after{border-radius:32.00px 32.00px 32.00px 32.00px}#stacks_in_237821_295 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237821_295 > .jack.bg-color{background-color:#FBF5BA}#stacks_in_237821_295 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237821_295 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_295 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237821_295 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237821_295 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237821_295 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_295 > .jack.bg-image:not(.glass){}#stacks_in_237821_295 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237821_295 > .jack.bg-image.glass.after,#stacks_in_237821_295 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_295 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237821_295 > .glass.padding-detailed.jack.bg-image::after{padding:2.00rem 1.00rem 1.00rem 1.00rem}#stacks_in_237821_295 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237821_295 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237821_295 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237821_295 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237821_295 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_295 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237821_295 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237821_295 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_295 > .jack.bg-image.glass.after,#stacks_in_237821_295 > .glass.jack.bg-image::after{}#stacks_in_237821_295 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_295 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237821_295 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237821_295 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 10px 20px 15px rgba(0,0,0,0.10);box-shadow:inset 0px 10px 20px 15px rgba(0,0,0,0.10)}#stacks_in_237821_295 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 10px 20px 15px rgba(0,0,0,0.10);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 10px 20px 15px rgba(0,0,0,0.10)}#stacks_in_237821_295 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237821_295 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237821_295 > .jack.peek-shadow::before,#stacks_in_237821_295 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237821_295 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237821_295 > .jack{overflow:visible;z-index:99998 !important;}#stacks_in_237821_295 > .jack.height-static{height:100px}#stacks_in_237821_295 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237821_497 > .row{padding-top:0.00rem;padding-bottom:4.00rem}#stacks_in_237821_497 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237821_497 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)}
#stacks_in_237821_565 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_494{padding-left:0px;padding-right:0px;}#stacks_in_237821_494 > .jack{margin:0px;padding:0px;border-color:#000000;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237821_494 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237821_494 > .jack.width-minmax{min-width:100px;max-width:160px}#stacks_in_237821_494 > .jack.width-static{width:500px}#stacks_in_237821_494 > .jack.width-flexible{width:100%}#stacks_in_237821_494 > .jack.margin-detailed{margin:10.00px 0.00px 0.00px 0.00px}#stacks_in_237821_494 > .jack.padding-detailed{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_494 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237821_494 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_494 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237821_494 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237821_494 > .jack::after{border-radius:0px}#stacks_in_237821_494 > .jack.border-detailed-radius,#stacks_in_237821_494 > .jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_494 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237821_494 > .jack.bg-color{background-color:#89C5FF}#stacks_in_237821_494 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237821_494 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_494 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237821_494 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237821_494 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237821_494 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_494 > .jack.bg-image:not(.glass){}#stacks_in_237821_494 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237821_494 > .jack.bg-image.glass.after,#stacks_in_237821_494 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_494 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237821_494 > .glass.padding-detailed.jack.bg-image::after{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_494 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237821_494 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237821_494 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237821_494 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237821_494 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_494 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237821_494 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237821_494 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_494 > .jack.bg-image.glass.after,#stacks_in_237821_494 > .glass.jack.bg-image::after{}#stacks_in_237821_494 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_494 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237821_494 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237821_494 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237821_494 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237821_494 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237821_494 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237821_494 > .jack.peek-shadow::before,#stacks_in_237821_494 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237821_494 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237821_494 > .jack{overflow:visible;}#stacks_in_237821_494 > .jack.height-static{height:100px}#stacks_in_237821_494 > .jack.height-minmax{min-height:100px;max-height:800px}
#stacks_in_237821_495 a{display:block}#stacks_in_237821_495 img{width:100%;}
#stacks_in_237821_527 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_out_237821_671 {
width: 86px;
margin-right:0;
}
#stacks_in_237821_398 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_237821_398 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_237821_398 > .row.divider > .columns:not(:first-child):before{top:10px;bottom:10px;width:1px;background:rgba(255, 255, 255, 1.00)}
#stacks_in_237821_434 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_662 > .row{padding-top:0.00rem;padding-bottom:2.00rem}#stacks_in_237821_662 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_237821_662 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_237821_662 > .row.padding-detailed.padding-medium-up,#stacks_in_237821_662 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237821_662 > .row.padding-detailed.padding-y-medium-up,#stacks_in_237821_662 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_237821_662 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_237821_662 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_669, #stacks_in_237821_669 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_669 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_669 {
width: 100%; }
#press_alignment_stacks_in_237821_669.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_669.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_669.press-right {
text-align: right; }
#stacks_in_237821_669 {
transition: all 200ms ease;
/* */
/* */
background: rgba(108, 101, 29, 0.20);
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 4px 8px 4px 0px;
padding: 18px 36px 18px 24px;
border-radius: 22px 22px 22px 22px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_669:hover {
/* */
/* */
/* */
background: rgba(108, 101, 29, 1.00);
/* */
/* */
/* */
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.75);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.75);
/* */
/* */
color: rgba(255, 252, 235, 1.00);
/* */ }
#stacks_in_237821_669:hover .press-icon i {
/* */ }
#stacks_in_237821_669:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_669:active .press-icon i {
/* */ }
#stacks_in_237821_669 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 2px 5px 5px 15px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_669 .press-icon i {
font-size: 22px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_669 .press-text {
/* */
font-family: "rubik";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 0px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 22px;
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
/* */ }
#stacks_in_237821_669 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_669 {
font-size: 22px;
line-height: 22px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_630, #stacks_in_237821_630 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_630 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_630 {
width: 100%; }
#press_alignment_stacks_in_237821_630.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_630.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_630.press-right {
text-align: right; }
#stacks_in_237821_630 {
transition: all 200ms ease;
/* */
/* */
background: rgba(108, 101, 29, 0.20);
/* */
/* */
/* */
/* */
/* */
/* */
display: inline-flex;
width: 68px;
/* */
/* */
/* */
/* */
/* */
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
/* */
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 4px 8px 4px 0px;
padding: 18px 36px 18px 24px;
border-radius: 40px 40px 40px 40px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_630:hover {
/* */
/* */
/* */
background: rgba(108, 101, 29, 1.00);
/* */
/* */
/* */
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.75);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.75);
/* */
/* */
color: rgba(255, 252, 235, 1.00);
/* */ }
#stacks_in_237821_630:hover .press-icon i {
/* */ }
#stacks_in_237821_630:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_630:active .press-icon i {
/* */ }
#stacks_in_237821_630 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 2px 5px 5px 15px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_630 .press-icon i {
font-size: 22px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_630 .press-text {
/* */
font-family: "rubik";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 0px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 22px;
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
/* */ }
#stacks_in_237821_630 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_630 {
font-size: 22px;
line-height: 22px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
#stacks_in_237821_515 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_436 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_617_13 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_623 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_624 {
margin: 50px 0px 0px 0px;
}
.inline-nav li{float:none;display:inline-block;list-style:none;margin-left:1.375rem}
#stacks_in_237821_627 {
margin: 0px 0px 50px 0px;
}
#stacks_in_237821_590 .assemble-wrap .assemble-panel.assembled {
-webkit-transition: transform 800ms ease, opacity 800ms ease;
transition: transform 800ms ease, opacity 800ms ease;
}
.assemble-wrap.assemble-bounce .assemble-panel.assembled {
animation: assemble-bounce 800ms linear;
}
#stacks_in_237821_579 {
margin: 50px 0px 0px 0px;
}
#stacks_in_237821_578 {
padding: 5px 0px 0px 0px;
}
#stacks_in_237821_578_35 p,#stacks_in_237821_578_35 p a,#stacks_in_237821_578_35 p,#stacks_in_237821_578_35 p a{
font-size:22px;
line-height:1.15em;
margin:0;
}
#stacks_in_237821_578_35 p,#stacks_in_237821_578_35 p a,#stacks_in_237821_578_35 p,#stacks_in_237821_578_35 p a{
color:rgba(0, 0, 0, 1.00);
-webkit-font-smoothing: antialiased;
transition: color 0.2s ease-in-out;
font-style:normal;
text-decoration:none;
text-align:left;
font-weight: normal ;
}
#stacks_in_237821_578_35 p a:hover, #stacks_in_237821_578_35 p a:hover{
color:rgba(204, 204, 204, 1.00);
}
#stacks_in_237821_578_35 {
margin: 0px 0px 16px 0px;
}
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_578_19, #stacks_in_237821_578_19 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_578_19 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_578_19 {
width: 100%; }
#press_alignment_stacks_in_237821_578_19.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_578_19.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_578_19.press-right {
text-align: right; }
#stacks_in_237821_578_19 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_578_19:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_578_19:hover .press-icon i {
/* */ }
#stacks_in_237821_578_19:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_578_19:active .press-icon i {
/* */ }
#stacks_in_237821_578_19 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_578_19 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_578_19 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_578_19 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_578_19 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_578_17, #stacks_in_237821_578_17 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_578_17 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_578_17 {
width: 100%; }
#press_alignment_stacks_in_237821_578_17.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_578_17.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_578_17.press-right {
text-align: right; }
#stacks_in_237821_578_17 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_578_17:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_578_17:hover .press-icon i {
/* */ }
#stacks_in_237821_578_17:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_578_17:active .press-icon i {
/* */ }
#stacks_in_237821_578_17 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_578_17 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_578_17 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_578_17 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_578_17 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_578_6, #stacks_in_237821_578_6 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_578_6 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_578_6 {
width: 100%; }
#press_alignment_stacks_in_237821_578_6.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_578_6.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_578_6.press-right {
text-align: right; }
#stacks_in_237821_578_6 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_578_6:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_578_6:hover .press-icon i {
/* */ }
#stacks_in_237821_578_6:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_578_6:active .press-icon i {
/* */ }
#stacks_in_237821_578_6 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_578_6 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_578_6 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_578_6 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_578_6 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_578_12, #stacks_in_237821_578_12 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_578_12 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_578_12 {
width: 100%; }
#press_alignment_stacks_in_237821_578_12.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_578_12.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_578_12.press-right {
text-align: right; }
#stacks_in_237821_578_12 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_578_12:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_578_12:hover .press-icon i {
/* */ }
#stacks_in_237821_578_12:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_578_12:active .press-icon i {
/* */ }
#stacks_in_237821_578_12 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_578_12 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_578_12 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_578_12 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_578_12 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_578_14, #stacks_in_237821_578_14 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_578_14 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_578_14 {
width: 100%; }
#press_alignment_stacks_in_237821_578_14.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_578_14.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_578_14.press-right {
text-align: right; }
#stacks_in_237821_578_14 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_578_14:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_578_14:hover .press-icon i {
/* */ }
#stacks_in_237821_578_14:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_578_14:active .press-icon i {
/* */ }
#stacks_in_237821_578_14 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_578_14 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_578_14 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_578_14 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_578_14 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
/*
2.0.0
*/
@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal}
#stacks_out_237821_587, #stacks_in_237821_587 {
overflow: visible;
}
@important "partials/maps";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#stacks_out_237821_587 {
padding: 20px 0px !important; }
#press_alignment_stacks_in_237821_587 {
width: 100%; }
#press_alignment_stacks_in_237821_587.press-left {
text-align: left; }
#press_alignment_stacks_in_237821_587.press-center {
text-align: center; }
#press_alignment_stacks_in_237821_587.press-right {
text-align: right; }
#stacks_in_237821_587 {
transition: all 200ms ease;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* */
/* */
/* */
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(255, 252, 235, 1.00);
/* */
/* */
/* */
/* */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* */
/* */
/* */
overflow: hidden;
color: rgba(108, 101, 29, 1.00);
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
cursor: pointer;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none; }
#stacks_in_237821_587:hover {
/* */
/* */
border-width: 0px 0px 3px 0px;
border-style: solid;
border-color: rgba(227, 0, 27, 1.00);
/* */
/* */
/* */
color: rgba(46, 44, 14, 1.00);
/* */ }
#stacks_in_237821_587:hover .press-icon i {
/* */ }
#stacks_in_237821_587:active {
/* */
/* */
/* */
-webkit-box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
box-shadow: 0px 2px 7px 0px rgba(108, 101, 29, 0.20);
/* */
/* */ }
#stacks_in_237821_587:active .press-icon i {
/* */ }
#stacks_in_237821_587 .press-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* */
/* */
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
/* */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 0px 0px;
/* */
background: none;
/* */
/* */
/* */
/* */
/* */
/* */
margin-right: 0px;
/* */
/* */
/* */ }
#stacks_in_237821_587 .press-icon i {
font-size: 16px;
color: rgba(227, 0, 27, 1.00);
vertical-align: middle; }
#stacks_in_237821_587 .press-text {
/* */
font-family: "dinosaur";
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
padding: 0px 0px 3px 0px;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
line-height: 24px;
/* */
/* */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* */ }
#stacks_in_237821_587 .press-text .out {
margin: 0 !important; }
#stacks_in_237821_587 {
font-size: 22px;
line-height: 24px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
#stacks_in_237821_455{padding-left:0px;padding-right:0px;}#stacks_in_237821_455 > .jack{margin:0px;padding:0px;border-color:#000000;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_237821_455 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_237821_455 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_237821_455 > .jack.width-static{width:500px}#stacks_in_237821_455 > .jack.width-flexible{width:100%}#stacks_in_237821_455 > .jack.margin-detailed{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_455 > .jack.padding-detailed{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_455 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_237821_455 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_455 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_237821_455 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_237821_455 > .jack::after{border-radius:0px}#stacks_in_237821_455 > .jack.border-detailed-radius,#stacks_in_237821_455 > .jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_455 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_237821_455 > .jack.bg-color{background-color:#89C5FF}#stacks_in_237821_455 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_237821_455 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_455 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_237821_455 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_237821_455 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_237821_455 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_455 > .jack.bg-image:not(.glass){}#stacks_in_237821_455 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_237821_455 > .jack.bg-image.glass.after,#stacks_in_237821_455 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_237821_455 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_237821_455 > .glass.padding-detailed.jack.bg-image::after{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_237821_455 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_237821_455 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_237821_455 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_237821_455 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_237821_455 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_455 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_237821_455 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_237821_455 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_237821_455 > .jack.bg-image.glass.after,#stacks_in_237821_455 > .glass.jack.bg-image::after{}#stacks_in_237821_455 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_237821_455 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_237821_455 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_237821_455 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237821_455 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_237821_455 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_237821_455 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_237821_455 > .jack.peek-shadow::before,#stacks_in_237821_455 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_237821_455 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_237821_455 > .jack{overflow:visible;}#stacks_in_237821_455 > .jack.height-static{height:100px}#stacks_in_237821_455 > .jack.height-minmax{min-height:100px;max-height:800px}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color: #FFFCEB;z-index:9999 !important}#preloader_1{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:0 auto}#preloader_1 span{display:block;bottom:0px;width:9px;height:5px;background: #FFFCEB;position:absolute;-webkit-animation:preloader_1 1.5s infinite ease-in-out;-moz-animation:preloader_1 1.5s infinite ease-in-out;-ms-animation:preloader_1 1.5s infinite ease-in-out;-o-animation:preloader_1 1.5s infinite ease-in-out;animation:preloader_1 1.5s infinite ease-in-out}#preloader_1 span:nth-child(2){left:11px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s}#preloader_1 span:nth-child(3){left:22px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s}#preloader_1 span:nth-child(4){left:33px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s}#preloader_1 span:nth-child(5){left:44px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;-o-animation-delay: .8s;animation-delay: .8s}@-webkit-keyframes preloader_1{0%{height:5px;-webkit-transform:translateY(0px);background: #FFFCEB}25%{height:30px;-webkit-transform:translateY(15px);background: #FFFCEB}50%{height:5px;-webkit-transform:translateY(0px);background: #FFFCEB}100%{height:5px;-webkit-transform:translateY(0px);background: #FFFCEB}}@-moz-keyframes preloader_1{0%{height:5px;-moz-transform:translateY(0px);background: #FFFCEB}25%{height:30px;-moz-transform:translateY(15px);background: #FFFCEB}50%{height:5px;-moz-transform:translateY(0px);background: #FFFCEB}100%{height:5px;-moz-transform:translateY(0px);background: #FFFCEB}}@-ms-keyframes preloader_1{0%{height:5px;-ms-transform:translateY(0px);background: #FFFCEB}25%{height:30px;-ms-transform:translateY(15px);background: #FFFCEB}50%{height:5px;-ms-transform:translateY(0px);background: #FFFCEB}100%{height:5px;-ms-transform:translateY(0px);background: #FFFCEB}}@keyframes preloader_1{0%{height:5px;transform:translateY(0px);background: #FFFCEB}25%{height:30px;transform:translateY(15px);background: #FFFCEB}50%{height:5px;transform:translateY(0px);background: #FFFCEB}100%{height:5px;transform:translateY(0px);background: #FFFCEB}}#preloader_2{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:0 auto;width:40px;height:40px}#preloader_2 span{display:block;bottom:0px;width:20px;height:20px;background: #FFFCEB;position:absolute}#preloader_2 span:nth-child(1){-webkit-animation:preloader_2_1 1.5s infinite ease-in-out;-moz-animation:preloader_2_1 1.5s infinite ease-in-out;-ms-animation:preloader_2_1 1.5s infinite ease-in-out;animation:preloader_2_1 1.5s infinite ease-in-out}#preloader_2 span:nth-child(2){left:20px;-webkit-animation:preloader_2_2 1.5s infinite ease-in-out;-moz-animation:preloader_2_2 1.5s infinite ease-in-out;-ms-animation:preloader_2_2 1.5s infinite ease-in-out;animation:preloader_2_2 1.5s infinite ease-in-out}#preloader_2 span:nth-child(3){top:0px;-webkit-animation:preloader_2_3 1.5s infinite ease-in-out;-moz-animation:preloader_2_3 1.5s infinite ease-in-out;-ms-animation:preloader_2_3 1.5s infinite ease-in-out;animation:preloader_2_3 1.5s infinite ease-in-out}#preloader_2 span:nth-child(4){top:0px;left:20px;-webkit-animation:preloader_2_4 1.5s infinite ease-in-out;-moz-animation:preloader_2_4 1.5s infinite ease-in-out;-ms-animation:preloader_2_4 1.5s infinite ease-in-out;animation:preloader_2_4 1.5s infinite ease-in-out}@-webkit-keyframes preloader_2_1{0%{-webkit-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-webkit-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-webkit-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-webkit-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-webkit-keyframes preloader_2_2{0%{-webkit-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-webkit-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-webkit-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-webkit-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-webkit-keyframes preloader_2_3{0%{-webkit-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-webkit-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-webkit-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-webkit-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-webkit-keyframes preloader_2_4{0%{-webkit-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-webkit-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-webkit-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-webkit-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-moz-keyframes preloader_2_1{0%{-moz-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-moz-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-moz-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-moz-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-moz-keyframes preloader_2_2{0%{-moz-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-moz-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-moz-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-moz-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-moz-keyframes preloader_2_3{0%{-moz-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-moz-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-moz-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-moz-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-moz-keyframes preloader_2_4{0%{-moz-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-moz-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-moz-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-moz-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-ms-keyframes preloader_2_1{0%{-ms-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-ms-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-ms-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-ms-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-ms-keyframes preloader_2_2{0%{-ms-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-ms-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-ms-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-ms-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-ms-keyframes preloader_2_3{0%{-ms-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-ms-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-ms-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-ms-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-ms-keyframes preloader_2_4{0%{-ms-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-ms-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-ms-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-ms-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-keyframes preloader_2_1{0%{-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-keyframes preloader_2_2{0%{-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}@-keyframes preloader_2_3{0%{-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background: #FFFCEB}80%{-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}100%{-transform:translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px}}@-keyframes preloader_2_4{0%{-transform:translateX(0px) translateY(0px) rotate(0deg);border-radius:0px}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background: #FFFCEB}80%{-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}100%{-transform:translateX(0px) translateY(0px) rotate(360deg);border-radius:0px}}#preloader_3{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:0 auto}#preloader_3:before{width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background: #FFFCEB;-webkit-animation:preloader_3_before 1.5s infinite ease-in-out;-moz-animation:preloader_3_before 1.5s infinite ease-in-out;-ms-animation:preloader_3_before 1.5s infinite ease-in-out;animation:preloader_3_before 1.5s infinite ease-in-out}#preloader_3:after{width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background: #FFFCEB;left:22px;-webkit-animation:preloader_3_after 1.5s infinite ease-in-out;-moz-animation:preloader_3_after 1.5s infinite ease-in-out;-ms-animation:preloader_3_after 1.5s infinite ease-in-out;animation:preloader_3_after 1.5s infinite ease-in-out}@-webkit-keyframes preloader_3_before{0%{-webkit-transform:translateX(0px) rotate(0deg)}50%{-webkit-transform:translateX(50px) scale(1.2) rotate(260deg);background:#FFFCEB;border-radius:0px}100%{-webkit-transform:translateX(0px) rotate(0deg)}}@-webkit-keyframes preloader_3_after{0%{-webkit-transform:translateX(0px)}50%{-webkit-transform:translateX(-50px) scale(1.2) rotate(-260deg);background: #FFFCEB;border-radius:0px}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes preloader_3_before{0%{-moz-transform:translateX(0px) rotate(0deg)}50%{-moz-transform:translateX(50px) scale(1.2) rotate(260deg);background:#FFFCEB;border-radius:0px}100%{-moz-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes preloader_3_after{0%{-moz-transform:translateX(0px)}50%{-moz-transform:translateX(-50px) scale(1.2) rotate(-260deg);background: #FFFCEB;border-radius:0px}100%{-moz-transform:translateX(0px)}}@-ms-keyframes preloader_3_before{0%{-ms-transform:translateX(0px) rotate(0deg)}50%{-ms-transform:translateX(50px) scale(1.2) rotate(260deg);background:#FFFCEB;border-radius:0px}100%{-ms-transform:translateX(0px) rotate(0deg)}}@-ms-keyframes preloader_3_after{0%{-ms-transform:translateX(0px)}50%{-ms-transform:translateX(-50px) scale(1.2) rotate(-260deg);background: #FFFCEB;border-radius:0px}100%{-ms-transform:translateX(0px)}}@keyframes preloader_3_before{0%{transform:translateX(0px) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#FFFCEB;border-radius:0px}100%{transform:translateX(0px) rotate(0deg)}}@keyframes preloader_3_after{0%{transform:translateX(0px)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background: #FFFCEB;border-radius:0px}100%{transform:translateX(0px)}}#preloader_4{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:0 auto}#preloader_4 span{position:absolute;width:20px;height:20px;background: #FFFCEB;opacity:0.5;border-radius:20px;-webkit-animation:preloader_4 1s infinite ease-in-out;-moz-animation:preloader_4 1s infinite ease-in-out;-ms-animation:preloader_4 1s infinite ease-in-out;-animation:preloader_4 1s infinite ease-in-out}#preloader_4 span:nth-child(2){left:20px;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s}#preloader_4 span:nth-child(3){left:40px;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .4s}#preloader_4 span:nth-child(4){left:60px;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s}#preloader_4 span:nth-child(5){left:80px;-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;animation-delay: .8s}@-webkit-keyframes preloader_4{0%{opacity:0.3;-webkit-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0,0,0,0.1)}50%{opacity:1;-webkit-transform:translateY(-10px);background: #FFFCEB;box-shadow:0px 20px 3px rgba(0,0,0,0.05)}100%{opacity:0.3;-webkit-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1)}}@-moz-keyframes preloader_4{0%{opacity:0.3;-moz-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0,0,0,0.1)}50%{opacity:1;-moz-transform:translateY(-10px);background: #FFFCEB;box-shadow:0px 20px 3px rgba(0,0,0,0.05)}100%{opacity:0.3;-moz-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1)}}@-ms-keyframes preloader_4{0%{opacity:0.3;-ms-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0,0,0,0.1)}50%{opacity:1;-ms-transform:translateY(-10px);background: #FFFCEB;box-shadow:0px 20px 3px rgba(0,0,0,0.05)}100%{opacity:0.3;-ms-transform:translateY(0px);box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1)}}@keyframes preloader_4{0%{opacity:0.3;transform:translateY(0px);box-shadow:0px 0px 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background: #FFFCEB;box-shadow:0px 20px 3px rgba(0,0,0,0.05)}100%{opacity:0.3;transform:translateY(0px);box-shadow:0px 0px 3px rgba(0,0,0,0.1)}}#preloader_5{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;background: #FFFCEB;margin:0 auto;width:30px;height:30px;border-radius:50px;-webkit-animation:preloader_5 1.5s infinite linear;-moz-animation:preloader_5 1.5s infinite linear;-ms-animation:preloader_5 1.5s infinite linear;animation:preloader_5 1.5s infinite linear}#preloader_5:after{position:absolute;width:50px;height:50px;border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB;border-left:10px solid transparent;border-right:10px solid transparent;border-radius:50px;content:'';top:-20px;left:-20px;-webkit-animation:preloader_5_after 1.5s infinite linear;-moz-animation:preloader_5_after 1.5s infinite linear;-ms-animation:preloader_5_after 1.5s infinite linear;animation:preloader_5_after 1.5s infinite linear}@-webkit-keyframes preloader_5{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);background:#FFFCEB}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes preloader_5_after{0%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}50%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}100%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}}@-moz-keyframes preloader_5{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg);background:#FFFCEB}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes preloader_5_after{0%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}50%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}100%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}}@-ms-keyframes preloader_5{0%{-ms-transform:rotate(0deg)}50%{-ms-transform:rotate(180deg);background:#FFFCEB}100%{-ms-transform:rotate(360deg)}}@-ms-keyframes preloader_5_after{0%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}50%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}100%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}}@keyframes preloader_5{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#FFFCEB}100%{transform:rotate(360deg)}}@keyframes preloader_5_after{0%{border-top:10px solid #FFFCEB;border-bottom:10px solid ##FFFCEB}50%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}100%{border-top:10px solid #FFFCEB;border-bottom:10px solid #FFFCEB}}#preloader_6{position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:0 auto;width:42px;height:42px;-webkit-animation:preloader_6 5s infinite linear;-moz-animation:preloader_6 5s infinite linear;-ms-animation:preloader_6 5s infinite linear;animation:preloader_6 5s infinite linear}#preloader_6 span{width:20px;height:20px;position:absolute;background: #FFFCEB;display:block;-webkit-animation:preloader_6_span 1s infinite linear;-moz-animation:preloader_6_span 1s infinite linear;-ms-animation:preloader_6_span 1s infinite linear;animation:preloader_6_span 1s infinite linear}#preloader_6 span:nth-child(1){background: #FFFCEB}#preloader_6 span:nth-child(2){left:22px;background: #FFFCEB;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s}#preloader_6 span:nth-child(3){top:22px;background: #FFFCEB;-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .4s}#preloader_6 span:nth-child(4){top:22px;left:22px;background: #FFFCEB;-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s}@-webkit-keyframes preloader_6{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes preloader_6_span{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0.5)}100%{-webkit-transform:scale(1)}}@-moz-keyframes preloader_6{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-moz-keyframes preloader_6_span{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(0.5)}100%{-moz-transform:scale(1)}}@-ms-keyframes preloader_6{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-ms-keyframes preloader_6_span{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(0.5)}100%{-ms-transform:scale(1)}}@-ms-keyframes preloader_6{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@keyframes preloader_6_span{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}