/* * flex-slider.2.5.0 */ /** jQuery FlexSlider v2.5.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 and later license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author:Tyler Smith (@mbmufffin)**//* ====================================================================================================================* FONT-FACE* ====================================================================================================================*//*@font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('fonts/flexslider-icon.woff') format('woff'),url('fonts/flexslider-icon.ttf') format('truetype'),url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal}*//* ====================================================================================================================* RESETS* ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus{outline:none}.slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}/* ====================================================================================================================* BASE STYLES* ====================================================================================================================*/.sf-flexslider{margin:0;padding:0}.sf-flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}.sf-flexslider .slides img{width:100%;display:block}.sf-flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .sf-flexslider .slides{display:block}* html .sf-flexslider .slides{height:1%}.no-js .sf-flexslider .slides > li:first-child{display:block}/* ====================================================================================================================* DEFAULT THEME* ====================================================================================================================*/.sf-flexslider{margin:0 0 60px;background:#ffffff;border:4px solid #ffffff;position:relative;zoom:1;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2);box-shadow:'' 0 1px 4px rgba(0,0,0,0.2)}.sf-flexslider .slides{zoom:1}.sf-flexslider .slides img{height:auto}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;transition:all 1s ease}.sf-loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.flex-direction-nav a:before{font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.sf-flexslider:hover .flex-direction-nav .flex-prev{opacity:0.7;left:10px}.sf-flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.sf-flexslider:hover .flex-direction-nav .flex-next{opacity:0.7;right:10px}.sf-flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}/* ====================================================================================================================* RESPONSIVE* ====================================================================================================================*/@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} .animate{--animation-name:shake;--animation-duration:2s;--animation-delay:0s;--animation-count:1}.animate.on-load,.animate.on-hover:hover{animation-name:var(--animation-name);animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-iteration-count:var(--animation-count)} .com_joeworkman_stacks_impact_stack .impact-animate.pre-anim{display:none}.com_joeworkman_stacks_impact_stack .slides-navigation{margin:0 auto;position:absolute;z-index:99;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a{position:absolute;display:block;text-decoration:none}.com_joeworkman_stacks_impact_stack .slides-navigation a::before{line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;text-rendering:auto;transform:translate(0,0)}.com_joeworkman_stacks_impact_stack .slides-pagination > a{text-decoration:none}.com_joeworkman_stacks_impact_stack .fg-content{position:absolute;top:0;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a:before{font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900}.com_joeworkman_stacks_impact_stack .impact-scroll:hover{cursor:pointer}.com_joeworkman_stacks_impact_stack .slides-container{display:none}.com_joeworkman_stacks_impact_stack .scrollable{position:relative;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.com_joeworkman_stacks_impact_stack .scrollable::after{content:"";display:table;clear:both}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap{position:absolute;z-index:1050;top:0;margin-left:-45px;width:90px;height:90px;padding:0;font-size:9px;display:block}.com_joeworkman_stacks_impact_stack .impact-arrow{float:left;position:absolute;margin-top:20px;margin-left:23px;width:40px;height:40px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg)}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap.animates .impact-arrow{animation:impactArrows linear 1.8s 0.4s}.com_joeworkman_stacks_impact_stack .video-container{min-height:100%;min-width:100%;position:absolute;top:0;left:0}.com_joeworkman_stacks_impact_stack .video-container > img{width:100%;height:100%}.com_joeworkman_stacks_impact_stack video{max-width:none}.com_joeworkman_stacks_impact_stack .impact-container{position:absolute}.com_joeworkman_stacks_impact_stack .impact-container.v-full{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-full .slide-content{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-center{top:50%;transform:translateY(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center{left:50%;transform:translateX(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center.v-center{top:50%;left:50%;transform:translate(-50%,-50%)}.com_joeworkman_stacks_impact_stack .impact-container:not(.h-center):not(.h-left):not(.h-right){width:100%}@keyframes impactArrows{0%{transform:translate(0px,0px) rotate(135deg) scale(1)}15%{transform:translate(0px,22px) rotate(135deg) scale(0.8)}30%{transform:translate(0px,13px) rotate(135deg) scale(0.9)}45%{transform:translate(0px,27px) rotate(135deg) scale(0.8)}60%{transform:translate(0px,13px) rotate(135deg) scale(0.8)}75%{transform:translate(0px,4px) rotate(135deg) scale(0.9)}100%{transform:translate(0px,0px) rotate(135deg) scale(1)}} .parallax-wrapper{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}.parallax-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.parallax-image{position:absolute;width:auto;max-width:none;z-index:0;object-fit:cover}.parallax-image.parallax-scale{max-width:100%}.parallax-image.parallax-align-left{left:0}.parallax-image.parallax-align-right{right:0}.parallax-image.parallax-align-center{left:50%;transform:translateX(-50%)}.parallax-image.parallax-align-top{top:0}.parallax-image.parallax-align-bottom{bottom:0}.parallax-image.parallax-align-middle{top:50%;transform:translateY(-50%)}.parallax-image.parallax-up,.parallax-image.parallax-down{top:0;bottom:unset;min-width:100%;width:auto}.parallax-image.parallax-down{bottom:0;top:unset}.parallax-image.parallax-left,.parallax-image.parallax-right{left:0;right:unset;min-height:100%;height:auto}.parallax-image.parallax-right{right:0;left:unset}.parallax-content{width:100%;z-index:2} .warehouse-image img{width:auto;height:auto;max-width:100%;margin:0 auto;display:block}.warehouse-image img.align-right{margin-right:0}.warehouse-image img.align-left{margin-left:0}.warehouse-image img.full-width{width:100%}.warehouse-image>a{display:block;text-decoration:none} .oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .launchpad-wrapper{position:relative;display:inline-block;z-index:1}.launchpad,.satellite,.tierahs,.tierahs-link{background-color:transparent;border:none;border-radius:50%;aspect-ratio:1/1;text-align:center;padding:0;margin:0;transition:all 300ms ease-out;display:inline-grid;justify-content:center;align-content:center;cursor:pointer}.launchpad:hover,.satellite:hover,.tierahs:hover,.tierahs-link:hover{background-color:transparent}.launchpad:active,.launchpad.launched:active,.satellite:active,.satellite.launched:active,.tierahs:active,.tierahs.launched:active,.tierahs-link:active,.tierahs-link.launched:active{scale:0.95}.launchpad svg,.satellite svg,.tierahs svg,.tierahs-link svg{width:100%;height:auto}button.satellite,button.tierahs{appearance:none}.satellite{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.5}.satellite.launched{scale:1} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(23, 25, 30, 0.75);--dark-gray:rgba(50, 53, 66, 1.00);--black:rgba(23, 25, 30, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(23, 25, 30, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(121, 143, 129, 1.00);--warning:rgba(11, 32, 73, 0.65);--alert:rgba(50, 53, 66, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(18, 19, 36, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 0, 0, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(91, 113, 99, 1.00);--warning-dark:rgba(0, 2, 43, 0.65);--alert-dark:rgba(20, 23, 36, 1.00);--header-color:rgba(23, 25, 30, 1.00);--subheader-color:rgba(71, 73, 78, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(23, 25, 30, 0.90);--link-color:rgba(125, 142, 130, 0.95);--link-color-hover:rgba(138, 140, 150, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(187, 180, 167, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(30rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(23rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(28rem/16)}h5,.h5{font-size:calc(25rem/16)}h6,.h6{font-size:calc(22rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(17rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(28rem/16)}h5,.h5{font-size:calc(25rem/16)}h6,.h6{font-size:calc(22rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} html,body, .text-font{font-family:"Mulish",sans-serif } h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .headers-font{font-family:"Playfair Display",sans-serif } blockquote, .quotes-style{font-size:calc(22rem/16) ;font-weight:400 ;font-style:italic ;}@media only screen and (min-width:40em){ blockquote, .quotes-style{font-size:calc(25rem/16) }}@media only screen and (min-width:64em){ blockquote, .quotes-style{font-size:calc(32rem/16) }} blockquote, .quotes-style-small{font-size:calc(18rem/16) ;font-weight:200 ;font-style:italic ;}@media only screen and (min-width:40em){ blockquote, .quotes-style-small{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ blockquote, .quotes-style-small{font-size:calc(18rem/16) }} .small-text{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em){ .small-text{font-size:calc(15rem/16) }}@media only screen and (min-width:64em){ .small-text{font-size:calc(15rem/16) }} .smallest-italic-text{font-size:calc(10rem/16) ;font-style:italic ;}@media only screen and (min-width:40em){ .smallest-italic-text{font-size:calc(12rem/16) }}@media only screen and (min-width:64em){ .smallest-italic-text{font-size:calc(12rem/16) }} .smaller-text{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em){ .smaller-text{font-size:calc(14rem/16) }}@media only screen and (min-width:64em){ .smaller-text{font-size:calc(14rem/16) }} .smallest-text{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em){ .smallest-text{font-size:calc(12rem/16) }}@media only screen and (min-width:64em){ .smallest-text{font-size:calc(12rem/16) }} .big-text{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .big-text{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .big-text{font-size:calc(19rem/16) }} .huge-text{font-size:calc(30rem/16) ;}@media only screen and (min-width:40em){ .huge-text{font-size:calc(27rem/16) }}@media only screen and (min-width:64em){ .huge-text{font-size:calc(40rem/16) }} .big-header{font-size:calc(44rem/16) ;}@media only screen and (min-width:40em){ .big-header{font-size:calc(50rem/16) }}@media only screen and (min-width:64em){ .big-header{font-size:calc(52rem/16) }} .huge-header{font-size:calc(90rem/16) ;}@media only screen and (min-width:40em){ .huge-header{font-size:calc(90rem/16) }}@media only screen and (min-width:64em){ .huge-header{font-size:calc(130rem/16) }} .small-text-italic{font-size:calc(14rem/16) ;font-style:italic ;}@media only screen and (min-width:40em){ .small-text-italic{font-size:calc(15rem/16) }}@media only screen and (min-width:64em){ .small-text-italic{font-size:calc(15rem/16) }} .italic{font-size:calc(16rem/16) ;font-style:italic ;}@media only screen and (min-width:40em){ .italic{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .italic{font-size:calc(16rem/16) }} .small-text-bold{font-size:calc(14rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em){ .small-text-bold{font-size:calc(15rem/16) }}@media only screen and (min-width:64em){ .small-text-bold{font-size:calc(15rem/16) }} .bold{font-weight:600 ;} .feeds-ticker-item{} .menu-style>.menu a, .menu.menu-style a{--menu-link-color:rgba(255, 255, 255, 0.63);--menu-link-color-hover:rgba(255, 255, 255, 0.90);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(233, 203, 168, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-style>.menu .menu-text, .menu.menu-style .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu>li>a, .menu.menu-style>li>a{padding-top:1rem;padding-bottom:1rem} .menu-style>.menu .submenu>li>a, .menu.menu-style .submenu>li>a{padding-top:1rem;padding-bottom:1rem} .menu-style>.menu li.active>a, .menu-style>.menu li.is-active>a, .menu-style>.menu a.is-active, .menu.menu-style li.active>a, .menu.menu-style li.is-active>a, .menu.menu-style a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-style>.menu .submenu, .menu.menu-style .submenu{--submenu-bg-color:rgba(254, 254, 254, 0.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 238, 234, 1.00)} .menu-style>.menu .submenu .menu-text, .menu.menu-style .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-style>.menu a::after, .menu.menu-style a::after{display:none!important} .menu-style .menu>li>a{font-size:calc(23rem/16) ;}@media only screen and (min-width:40em){ .menu-style .menu>li>a{font-size:calc(23rem/16) }}@media only screen and (min-width:64em){ .menu-style .menu>li>a{font-size:calc(23rem/16) }} .menu-style .menu>li>a:hover{transition:all 300ms ease 0ms } .menu-style .menu>li>a{transition:all 300ms ease 0ms } .menu-style .menu .submenu>li>a{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em){ .menu-style .menu .submenu>li>a{font-size:calc(17rem/16) !important}}@media only screen and (min-width:64em){ .menu-style .menu .submenu>li>a{font-size:calc(18rem/16) !important}} .mobile-menu-position{position:fixed ;z-index:10 ;top:0px ;bottom:unset ;left:0px ;right:0px ;} .menu>li.is-active>a, .menu>li.active>a, .menu>li>a.is_active{color:rgba(255, 255, 255, 1.00) ;} .admin-menu-style>.menu a, .menu.admin-menu-style a{--menu-link-color:rgba(255, 255, 255, 0.63);--menu-link-color-hover:rgba(255, 255, 255, 0.90);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(233, 203, 168, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .admin-menu-style>.menu .menu-text, .menu.admin-menu-style .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .admin-menu-style>.menu>li>a, .menu.admin-menu-style>li>a{padding-top:1rem;padding-bottom:1rem} .admin-menu-style>.menu .submenu>li>a, .menu.admin-menu-style .submenu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .admin-menu-style>.menu li.active>a, .admin-menu-style>.menu li.is-active>a, .admin-menu-style>.menu a.is-active, .menu.admin-menu-style li.active>a, .menu.admin-menu-style li.is-active>a, .menu.admin-menu-style a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .admin-menu-style>.menu .submenu li.active>a, .admin-menu-style>.menu .submenu li.is-active>a, .admin-menu-style>.menu .submenu a.is-active, .menu.admin-menu-style .submenu li.active>a, .menu.admin-menu-style .submenu li.is-active>a, .menu.admin-menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .admin-menu-style>.menu .submenu a, .menu.admin-menu-style .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .admin-menu-style>.menu .submenu, .menu.admin-menu-style .submenu{--submenu-bg-color:rgba(254, 254, 254, 0.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .admin-menu-style>.menu .submenu a, .menu.admin-menu-style .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 238, 234, 1.00)} .admin-menu-style>.menu .submenu .menu-text, .menu.admin-menu-style .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .admin-menu-style>.menu .submenu li.active>a, .admin-menu-style>.menu .submenu li.is-active>a, .admin-menu-style>.menu .submenu a.is-active, .menu.admin-menu-style .submenu li.active>a, .menu.admin-menu-style .submenu li.is-active>a, .menu.admin-menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .admin-menu-style>.menu a::after, .menu.admin-menu-style a::after{display:none!important} .admin-menu-style .menu>li>a:hover{transition:all 300ms ease 0ms } .admin-menu-style .menu>li>a{font-size:calc(19rem/16) ;}@media only screen and (min-width:40em){ .admin-menu-style .menu>li>a{font-size:calc(19rem/16) }}@media only screen and (min-width:64em){ .admin-menu-style .menu>li>a{font-size:calc(19rem/16) }} .admin-menu-style .menu>li>a{transition:all 300ms ease 0ms } .admin-menu-style .menu .submenu>li>a{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em){ .admin-menu-style .menu .submenu>li>a{font-size:calc(15rem/16) !important}}@media only screen and (min-width:64em){ .admin-menu-style .menu .submenu>li>a{font-size:calc(16rem/16) !important}} .green{color:rgba(121, 143, 129, 1.00) ;} .red{color:rgba(119, 0, 0, 1.00) ;} .white{color:rgba(255, 255, 255, 1.00) ;} .black{color:rgba(24, 23, 24, 1.00) ;} .bg-circle{background-color:rgba(31, 33, 42, 0.74) ;background-position:center center ;background-origin:content-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-circle{background-attachment:scroll!important}} .bg-circle{border-radius:100px ;} .bg-circle{width:10rem ;} .bg-circle{height:10rem ;} .fch{height:50vh ;} @media only screen and (min-width:40em){.fch{height:100% }}@media only screen and (min-width:64em){.fch{height:100% }} .padding-32px{padding:2rem ;} .padding-div-20pd{padding:1.25rem ;} .p-section{padding-top:4rem ;padding-bottom:4rem ;} .col-section{padding-top:1rem ;padding-right:1.25rem ;padding-bottom:1rem ;padding-left:1.25rem ;} .collr-section{padding-right:1.25rem ;padding-left:1.25rem ;} .opa{opacity:0.00 !important} .opa:hover{opacity:1.00 !important} .opa{transition:all 1000ms ease 0ms } .opa:hover{transition:all 1000ms ease 0ms } .bg-menu{background-color:rgba(55, 38, 36, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-menu{background-attachment:scroll!important}} .black-overlay{position:relative;z-index:0}.black-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.93 ;background-color:rgba(10, 6, 7, 1.00) ;} .dark-overlay{position:relative;z-index:0}.dark-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.75 ;background-color:rgba(10, 6, 7, 1.00) ;} .white-overlay{position:relative;z-index:0}.white-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.90 ;background-color:rgba(255, 255, 255, 1.00) ;} .lightgreen-overlay{position:relative;z-index:0}.lightgreen-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.25 ;background-color:rgba(0, 62, 40, 1.00) ;} .lightorange-overlay{position:relative;z-index:0}.lightorange-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.50 ;background-color:rgba(253, 128, 8, 1.00) ;} .50-medium-overlay{position:relative;z-index:0}.50-medium-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.50 ;background-color:rgba(10, 6, 7, 1.00) ;} .lightblue-overlay{position:relative;z-index:0}.lightblue-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.25 ;background-color:rgba(12, 45, 111, 1.00) ;} .medium-overlay{position:relative;z-index:0}.medium-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ;background-color:rgba(10, 6, 7, 1.00) ;} .light-overlay{position:relative;z-index:0}.light-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.25 ;background-color:rgba(10, 6, 7, 1.00) ;} .clear-overlay{position:relative;z-index:0}.clear-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.06 ;background-color:rgba(10, 5, 16, 1.00) ;} .cart-blue-overlay{background-color:rgba(25, 46, 76, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.cart-blue-overlay{background-attachment:scroll!important}} .hover-overlay{position:relative;z-index:0}.hover-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.33 ;background-color:rgba(37, 40, 52, 1.00) ;} .gray-overlay{background-color:rgba(183, 183, 183, 0.25) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.gray-overlay{background-attachment:scroll!important}} .hover-overlay{position:relative;z-index:0}.hover-overlay:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.70 ;background-color:rgba(37, 40, 52, 1.00) ;} .hover-overlay{transition:all 1000ms ease 0ms } .hover-overlay:hover{transition:all 1000ms ease 0ms } input, textarea, select{background-color:rgba(255, 255, 255, 0.90) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){input, textarea, select{background-attachment:scroll!important}} input, textarea, select{border-color:rgba(190, 190, 190, 1.00) !important;border-width:1px !important;} input{padding-top:1.25rem !important;padding-right:0.75rem !important;padding-bottom:1.25rem !important;padding-left:0.75rem !important;} input, textarea, select{border-radius:3px !important;} .tabs-title > a{font-size:calc(18rem/16) !important;font-weight:700 !important;}@media only screen and (min-width:40em){ .tabs-title > a{font-size:calc(17rem/16) !important}}@media only screen and (min-width:64em){ .tabs-title > a{font-size:calc(17rem/16) !important}} .tabs{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs{background-attachment:scroll!important}} .tabs-title > a:hover{background-color:var(--medium-gray) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs-title > a{background-attachment:scroll!important}} .tabs-title > a[aria-selected='true']{background-color:var(--medium-gray) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs-title > a[aria-selected='true']{background-attachment:scroll!important}} .tabs-panel{background-color:var(--medium-gray) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs-panel{background-attachment:scroll!important}} .tabs-content{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs-content{background-attachment:scroll!important}} .tabs{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabs{background-attachment:scroll!important}} .tabs-title > a{color:rgba(255, 255, 255, 1.00) ;} .tabs-title > a[aria-selected='true']{color:rgba(255, 255, 255, 1.00) ;} .tabs{border-width:0px ;} .tabs-title > a:hover{color:rgba(255, 255, 255, 1.00) ;} .tabs-content{border-width:0px ;} .tabs-content{transition:all 300ms ease-out 0ms } .tabs-title > a[aria-selected='true']{transition:all 300ms ease-out 0ms } .tabs-title > a{transition:all 300ms ease-out 0ms } .accordion-title{font-size:calc(18rem/16) !important;font-weight:700 !important;}@media only screen and (min-width:40em){ .accordion-title{font-size:calc(17rem/16) !important}}@media only screen and (min-width:64em){ .accordion-title{font-size:calc(17rem/16) !important}} .accordion-title{color:rgba(255, 255, 255, 1.00) ;} .accordion-item.is-active>.accordion-title:hover{color:rgba(255, 255, 255, 1.00) ;} .accordion-content{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.accordion-content{background-attachment:scroll!important}} .accordion-title{background-color:var(--medium-gray) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.accordion-title{background-attachment:scroll!important}} .accordion-title::before{background-color:var(--medium-gray) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.accordion-title::before{background-attachment:scroll!important}} .accordion-title{transition:all 300ms ease-out 0ms } .list-of-post .overlay-effect{position:relative;z-index:0}.list-of-post .overlay-effect:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.35 ;background-color:rgba(0, 0, 0, 1.00) ;} .list-of-posts .label{padding-top:0.5rem ;padding-right:1rem ;padding-bottom:0.5rem ;padding-left:1rem ;} .list-of-posts .label{border-radius:2px ;} .list-of-posts .label{margin-right:0.25rem ;margin-bottom:0.25rem ;} .list-of-posts .label{font-size:calc(15rem/16) ;}@media only screen and (min-width:40em){ .list-of-posts .label{font-size:calc(15rem/16) }}@media only screen and (min-width:64em){ .list-of-posts .label{font-size:calc(15rem/16) }} .top-white-border{border-color:rgba(255, 255, 255, 1.00) ;border-width:1px 0px 0px 0px ;} .list-of-posts .label{background-color:rgba(99, 110, 104, 0.90) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.list-of-posts .label{background-attachment:scroll!important}} .bg-circle-2{background-color:rgba(78, 92, 85, 0.75) ;background-position:center center ;background-origin:content-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-circle-2{background-attachment:scroll!important}} .bg-circle-2{border-radius:100px ;} .bg-circle-2{height:10rem ;} .bg-circle-2{width:10rem ;} .move-right{margin:0 ;} .move-left{margin:0 ;} .move-right:hover{margin-left:0.5rem ;} .move-left:hover{margin-left:-0.5rem ;} .post-title{transition:all 300ms ease 0ms !important} .post-title:hover{transition:all 300ms ease 0ms !important} .move-left{transition:all 300ms ease 0ms !important} .move-right{transition:all 300ms ease 0ms !important} .move-right:hover{transition:all 300ms ease 0ms !important} .move-left:hover{transition:all 300ms ease 0ms !important} :root{--blue-66%:rgba(11, 32, 73, 0.66)} .alt-colors{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--overlay-color:rgba(0, 0, 0, 0.50)} .gallery-kdr-bg-1{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/DREAMS-AND-DISASTERS/YELLOW-LINES-2013.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.gallery-kdr-bg-1{background-attachment:scroll!important}} .gallery-m2-bg1{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/OTHER/Self-Portrait%20at%2065.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.gallery-m2-bg1{background-attachment:scroll!important}} .blog-bg-3{background-image:url('../files/bgimage-809.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.blog-bg-3{background-attachment:scroll!important}} .de-bg-5{background-image:url('https://www.bailinstudio.com/WAREHOUSE/ARTICLES/DRWG_ESSENT.jpeg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.de-bg-5{background-attachment:scroll!important}} .blog-bg-6{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/ERASING/PARTY-2017.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.blog-bg-6{background-attachment:scroll!important}} .at42-bg{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/THE-WRATH/restrain-profP-use.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.at42-bg{background-attachment:scroll!important}} .beach-bg{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/GHOSTS/BEACH.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.beach-bg{background-attachment:scroll!important}} .manifest-bg{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/ERASING/Tricycle.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.manifest-bg{background-attachment:scroll!important}} .news-m2-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/BANNERS/m2exhibition-banner.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.news-m2-banner{background-attachment:scroll!important}} .abstraction-bg{background-image:url('https://www.bailinstudio.com/WAREHOUSE/ARTICLES/ABSTRACTION21C/21ABSTRACT_P_01.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.abstraction-bg{background-attachment:scroll!important}} .newletter-bkgd-bg{background-color:rgba(189, 189, 189, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.newletter-bkgd-bg{background-attachment:scroll!important}} .friends-bg-1{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/Drawings-1999_2007/Omen.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.friends-bg-1{background-attachment:scroll!important}} .paper-fair-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/THE-WRATH/throwback-drawing.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.paper-fair-banner{background-attachment:scroll!important}} .paam-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/GHOSTS/BEACH.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.paam-banner{background-attachment:scroll!important}} .news-bkground-bg-6{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/Drawings-1999_2007/Rope.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.news-bkground-bg-6{background-attachment:scroll!important}} .aa-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/TEACHING/Barnet-W.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.aa-banner{background-attachment:scroll!important}} .bworkshp-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/C/LISTENING-2012.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.bworkshp-banner{background-attachment:scroll!important}} .sml-rec{background-color:rgba(30, 31, 41, 0.51) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.sml-rec{background-attachment:scroll!important}} .padding-l{padding:0.75rem ;} .h-50vw{height:100.00vw ;min-height:none ;max-height:none ;}@media only screen and (min-width:40em){.h-50vw{height:50.00vw }}@media only screen and (min-width:64em){.h-50vw{height:50.00vw }} .workshp-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/THE-WRATH/Interruption.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.workshp-banner{background-attachment:scroll!important}} .stay-tuned{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/THE-WRATH/intrusion-final-use.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.stay-tuned{background-attachment:scroll!important}} .exhibition{background-image:url('https://www.bailinstudio.com/WAREHOUSE/HISTORY/MIDRASH/5%20SKIN.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.exhibition{background-attachment:scroll!important}} .stacks_in_404_352 img{width:100%;max-width:50px} .stacks_in_404_364{line-height:0}.stacks_in_404_364 svg{display:inline-block;max-width:40px;height:auto;}.stacks_in_404_364.full-width svg{width:100%;height:auto} .stacks_in_404_227{--offcanvas-size-small:250px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;} .stacks_in_404_243 img{width:100%;max-width:100px} .turbo-warning { padding: 15px; margin: 20px 0; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; position: relative; } .stacks_in_411_230 img{width:100%;max-width:100px} .tierahs.stacks_in_411_432,.tierahs-link.stacks_in_411_432{font-size:30px;width:30px}.tierahs.stacks_in_411_432 svg,.tierahs-link.stacks_in_411_432 svg{max-width:30px;max-height:30px} .stacks_in_2237{min-height:50vh}@media only screen and (min-width:40em){.stacks_in_2237{min-height:50vh}}@media only screen and (min-width:64em){.stacks_in_2237{min-height:50vh}}.stacks_in_2237 .parallax-image.parallax-up,.stacks_in_2237 .parallax-image.parallax-down{min-height:calc(101% + 50%);}.stacks_in_2237 .parallax-image.parallax-left,.stacks_in_2237 .parallax-image.parallax-right{min-width:calc(101% + 0%);}.stacks_in_2237 .parallax-image.scale.parallax-left,.stacks_in_2237 .parallax-image.scale.parallax-right{max-width:calc(101% + 0%);}.stacks_in_2237.parallax-overlay:after{background-color:rgba(0, 0, 0, 0.40)} /* v1.0.0 */ #ls2_stacks_in_4927 { position: relative; } #ls2_stacks_in_4927 * { box-sizing: border-box; } #ls2_stacks_in_4927 *:focus {outline:none;} #stacks_in_4927_tipue_search_input[list]::-webkit-calendar-picker-indicator { display: none !important;} #stacks_in_4927_tipue_search_input, .live-search-input { font-size: 16px; width: 100%; height: auto; line-height: 1; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.25); background-color: #fff; padding: 6px 12px ; margin: 0; position: relative; z-index: 1; color: #525252; } #ls2_stacks_in_4927 ::-webkit-input-placeholder, .live-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999; } #ls2_stacks_in_4927 :-moz-placeholder, .live-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; } #ls2_stacks_in_4927 ::-moz-placeholder, .live-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; } #ls2_stacks_in_4927 :-ms-input-placeholder, .live-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } #ls2_stacks_in_4927 :placeholder-shown, .live-search-input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #999; } #ls2_stacks_in_4927 form { } #ls2_stacks_in_4927 form > svg, .live-search-form > svg { height: 32px; width: 16px; fill: #999; position: absolute; left: 13px; text-align: right; top: 0px; z-index: 2; display: none; } #ls2_stacks_in_4927 form .live-search-submit { display: none; } #ls2_stacks_in_4927 .ls-input-wrap { display: flex; width: 100%; } #ls2_stacks_in_4927 .ls-input-options { position: relative; flex: 1; } #ls2_stacks_in_4927 .ls-input-options > .ls-match { display: flex; justify-content: center; align-items: center; position: absolute; right: 12px; top: 0; bottom: 0; z-index: 2; padding: 0; opacity: 0.75; cursor: pointer; color: #999999; } #ls2_stacks_in_4927 .ls-input-options > .ls-match + .ls-match { right: 40px; } #ls2_stacks_in_4927 .ls-input-options > .ls-match svg { width: 24px; pointer-events: none; } #ls2_stacks_in_4927 .ls-input-options > .ls-match.ls-option-enabled { opacity: 1; } #ls2_stacks_in_4927 .ls-input-options > .ls-match.ls-option-enabled { color: #525252; } @media (hover: hover) { #ls2_stacks_in_4927 .ls-input-options > .ls-match:hover { color: #525252; } } /**/ .ls2-finder { z-index: 9999; background: #e3e3e3; border: 1px solid #ccc; color: black; position: fixed; top: 0; right: 0; display: flex; } .ls2-finder { justify-content: center; align-items: center; padding: 6px 12px; border-radius: 0 0 0 4px; gap: 2px; } .ls2-finder button, .ls2-finder span { font-size: 14px; color: #555; padding-right: 6px; line-height: 18px; } .ls2-finder button { background: transparent; padding: 2px 4px; border-radius: 4px; border: 1px solid #ccc; background: #f3f3f3; } .ls2-finder button:active { background: #ddd; } .ls2-finder button svg { display: block; } .ls2-score { opacity: 0.7; font-style:italic; font-weight: 400; } mark { background: %id=resultHColors[1]; color: rgba(0, 0, 0, 1.00); } mark:focus { outline: thin solid rgba(0, 0, 0, 1.00); background: rgba(255, 255, 0, 1.00); color: rgba(0, 0, 0, 1.00); } @font-face{font-family:'icomoon';src:url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.eot?8zq521');src:url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.eot?8zq521#iefix') format('embedded-opentype'),url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.woff2?8zq521') format('woff2'),url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.ttf?8zq521') format('truetype'),url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.woff?8zq521') format('woff'),url('../../rw_common/plugins/stacks/scrollpage_icons/icomoon.svg?8zq521#icomoon') format('svg');font-weight:normal;font-style:normal}[class^="sp-icon-"],[class*=" sp-icon-"]{color:#808080;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sp-icon-chevron-rounded:before{content:"\e600"}.sp-icon-chevron-rounded-thick:before{content:"\e601"}.sp-icon-chevron-thin:before{content:"\e602"}.sp-icon-chevron-thick:before{content:"\e603"}.sp-icon-arrow:before{content:"\e604"}.sp-icon-arrow-thin:before{content:"\e605"}.sp-icon-arrow-thick:before{content:"\e606"}.sp-icon-round-1:before{content:"\e607"}.sp-icon-round-2:before{content:"\e608"}.sp-icon-round-3:before{content:"\e609"}.sp-icon-round-4:before{content:"\e60a"}#ncd-sp-arrow{display:inline-block;line-height:0;z-index:1000000;padding: 0;background:#FFFFFF;border-radius: 100px;border-width: 0;border-style:solid;opacity:0;border-color:#4DA8FF}#ncd-sp-arrow i{font-size: 44px;}#ncd-sp-arrow.show i{cursor:pointer}#ncd-sp-arrow{position:fixed;opacity:0;margin: 30px;-webkit-transition:opacity 150ms,-webkit-transform 150ms;transition:opacity 150ms,transform 150ms;-webkit-transform:rotateY(-55deg);-ms-transform:rotateY(-55deg);transform:rotateY(-55deg)}#ncd-sp-arrow.show.down-amount,#ncd-sp-arrow.show.down-container{-webkit-transition:opacity 750ms 0,-webkit-transform 750ms 0;transition:opacity 750ms 0,transform 750ms 0;}#ncd-sp-arrow .rotateThis{-webkit-transition:-webkit-transform 700ms;transition:transform 700ms}#ncd-sp-arrow.show.down-amount .rotateThis,#ncd-sp-arrow.show.down-container .rotateThis{position:relative;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}#ncd-sp-arrow.down-amount .rotateThis,#ncd-sp-arrow.down-container .rotateThis{position:relative;-webkit-transform:rotate(0);transform:rotate(0)}#ncd-sp-arrow.show{opacity:1;-webkit-transform:rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1);transform:rotateY(0) translateX(0) translateY(0) translateZ(100px) scale(1)}#ncd-sp-arrow.tl{top:0;left:0}#ncd-sp-arrow.tc{top:0;left:50%}#ncd-sp-arrow.tr{top:0;right:0}#ncd-sp-arrow.bl{bottom:0;left:0}#ncd-sp-arrow.bc{bottom:0;left:50%}#ncd-sp-arrow.br{bottom:0;right:0}@media screen and (max-width:400px){#ncd-sp-arrow{display:none}} .stacks_in_4070_3 img{width:100%;max-width:40px} #stacks_in_4813 { display:inline-block; width:100%; line-height: 0.990000em; font-size: 99%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4814 { height: 40.00px; } @media print { #spacerStackstacks_in_4814 { display: none !important; } } /* 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_4815, #stacks_in_4815 { 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_4815 { padding: 20px 0px !important; } #press_alignment_stacks_in_4815 { width: 100%; } #press_alignment_stacks_in_4815.press-left { text-align: left; } #press_alignment_stacks_in_4815.press-center { text-align: center; } #press_alignment_stacks_in_4815.press-right { text-align: right; } #stacks_in_4815 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ 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(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_4815:hover { /* */ /* */ /* */ background: rgba(121, 167, 179, 0.73); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_4815:hover .press-icon i { /* */ } #stacks_in_4815:active { /* */ /* */ /* */ /* */ } #stacks_in_4815:active .press-icon i { /* */ } #stacks_in_4815 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 20px; /* */ /* */ /* */ } #stacks_in_4815 .press-icon i { font-size: 18px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_4815 .press-text { /* */ font-family: "Mulish"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; padding: 5px 5px 5px 5px; -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_4815 .press-text .out { margin: 0 !important; } #stacks_in_4815 { font-size: 18px; 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_4818, #stacks_in_4818 { 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_4818 { padding: 20px 0px !important; } #press_alignment_stacks_in_4818 { width: 100%; } #press_alignment_stacks_in_4818.press-left { text-align: left; } #press_alignment_stacks_in_4818.press-center { text-align: center; } #press_alignment_stacks_in_4818.press-right { text-align: right; } #stacks_in_4818 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ 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(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_4818:hover { /* */ /* */ /* */ background: rgba(121, 167, 179, 0.73); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_4818:hover .press-icon i { /* */ } #stacks_in_4818:active { /* */ /* */ /* */ /* */ } #stacks_in_4818:active .press-icon i { /* */ } #stacks_in_4818 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 20px; /* */ /* */ /* */ } #stacks_in_4818 .press-icon i { font-size: 18px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_4818 .press-text { /* */ font-family: "Mulish"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; padding: 5px 5px 5px 5px; -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_4818 .press-text .out { margin: 0 !important; } #stacks_in_4818 { font-size: 18px; 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_4787 { display:inline-block; width:100%; line-height: 0.990000em; font-size: 99%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4788 { height: 40.00px; } @media print { #spacerStackstacks_in_4788 { display: none !important; } } /* 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_4789, #stacks_in_4789 { 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_4789 { padding: 20px 0px !important; } #press_alignment_stacks_in_4789 { width: 100%; } #press_alignment_stacks_in_4789.press-left { text-align: left; } #press_alignment_stacks_in_4789.press-center { text-align: center; } #press_alignment_stacks_in_4789.press-right { text-align: right; } #stacks_in_4789 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ 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(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_4789:hover { /* */ /* */ /* */ background: rgba(121, 167, 179, 0.73); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_4789:hover .press-icon i { /* */ } #stacks_in_4789:active { /* */ /* */ /* */ /* */ } #stacks_in_4789:active .press-icon i { /* */ } #stacks_in_4789 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 20px; /* */ /* */ /* */ } #stacks_in_4789 .press-icon i { font-size: 18px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_4789 .press-text { /* */ font-family: "Mulish"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; padding: 5px 5px 5px 5px; -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_4789 .press-text .out { margin: 0 !important; } #stacks_in_4789 { font-size: 18px; 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_4793, #stacks_in_4793 { 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_4793 { padding: 20px 0px !important; } #press_alignment_stacks_in_4793 { width: 100%; } #press_alignment_stacks_in_4793.press-left { text-align: left; } #press_alignment_stacks_in_4793.press-center { text-align: center; } #press_alignment_stacks_in_4793.press-right { text-align: right; } #stacks_in_4793 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ 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(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_4793:hover { /* */ /* */ /* */ background: rgba(121, 167, 179, 0.73); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_4793:hover .press-icon i { /* */ } #stacks_in_4793:active { /* */ /* */ /* */ /* */ } #stacks_in_4793:active .press-icon i { /* */ } #stacks_in_4793 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 20px; /* */ /* */ /* */ } #stacks_in_4793 .press-icon i { font-size: 18px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_4793 .press-text { /* */ font-family: "Mulish"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; padding: 5px 5px 5px 5px; -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_4793 .press-text .out { margin: 0 !important; } #stacks_in_4793 { font-size: 18px; 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_444_3 img{width:100%;max-width:40px} .stacks_in_1882 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_7088 { display:inline-block; width:100%; line-height: 0.990000em; } #stacks_in_1249 { display:inline-block; width:100%; line-height: 0.990000em; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_4985 { height: 10.00px; } @media print { #spacerStackstacks_in_4985 { display: none !important; } } #stacks_in_7047 { font-size: 99%; } #stacks_in_1669 .flat_button_2_alignment { font-size: 14px; font-family: Mulish; text-align: left; } #stacks_in_1669 a, #stacks_in_1669 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 0px; overflow: hidden; height: 40px; line-height: 40px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(41, 41, 41, 1.00); } #stacks_in_1669 a .flat_button_2_text { padding-left: 2px; padding-right: 2px; text-align: center !important; } #stacks_in_1669 a i, #stacks_in_1669 a:visited i { font-size: 14px; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; float: left; } /* Flat Color Mode */ #stacks_in_1669 a, #stacks_in_1669 a:visited { background-color: rgba(0, 0, 0, 0.00); color: rgba(29, 29, 29, 1.00) !important; } #stacks_in_1669 a:hover, #stacks_in_1669 a:active { background-color: rgba(0, 0, 0, 0.00); color: rgba(11, 32, 73, 1.00) !important; } #stacks_in_1669 a i, #stacks_in_1669 a:visited i { background-color: rgba(0, 0, 0, 0.00); color: rgba(29, 29, 29, 1.00); } #stacks_in_1669 a:hover i, #stacks_in_1669 a:active i { background-color: rgba(24, 23, 24, 0.00); color: rgba(11, 32, 73, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_1669 a, #stacks_in_1669 a:visited { width: 100%; } } @font-face{font-family:'sf-icons';src:url('fonts/sf-icons.eot')}@font-face{font-family:'sf-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');font-weight:normal;font-style:normal}i.sf-control{font-family:'sf-icons';font-size:18px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-cl-1:before{content:"\e000"}.sf-icon-cl-2:before{content:"\e002"}.sf-icon-cl-3:before{content:"\e001"}.sf-icon-cr-1:before{content:"\e003"}.sf-icon-cr-2:before{content:"\e004"}.sf-icon-cr-3:before{content:"\e005"}#sf3-folder-check{margin:20px 0 10px}#sf3-folder-check:not(.sf3-error) span{background:#119115;border-radius:50px;padding:8px 15px}#sf3-folder-check div,#sf3-folder-check.sf3-error{text-align:center;font-size:16px;color:#AFFFB7;padding:10px}.sf3-error:before{content:'Folder cannot be found.';color:#fff;font-weight:bolder;background:#D53F4F;border-radius:50px;padding:8px 15px}#stacks_in_7162-sf .sf3-error:after{content:'http://my-website.com/remote';color:#D53F4F;font-weight:bolder;background:#fff;margin-left:15px;border:2px solid #D53F4F;border-radius:50px;padding:8px 15px}.sf3-error img{display:none}#stacks_in_7162-sf .flex-control-nav{bottom:0;padding:12px 0 0 !important;position:relative}#stacks_in_7162-sf .flex-control-nav.flex-control-paging li a.flex-active{background:rgba(36, 181, 227, 1.00)}#stacks_in_7162-sf .flex-control-nav.flex-control-paging li a{background:rgba(17, 17, 17, 0.75);-webkit-transition:background 300ms;transition:background 300ms}#stacks_in_7162-sf ul.slides{margin:0 !important;padding:0 !important}#stacks_in_7162-sf{position:relative;z-index:10;height:auto}#stacks_in_7162-sf,#stacks_in_7162-sf .sf-slider.sf-flexslider{background-color:transparent;overflow:hidden;margin:0;border:0}#stacks_in_7162-sf .sf-flexslider{opacity:1;margin:0;border-radius:0;-webkit-transition:opacity 500ms;transition:opacity 500ms}#stacks_in_7162-sf .sf-error{text-align:center;font-size:15px;margin:30px 0;font-weight:bolder;padding:7px 10px;line-height:20px;border-radius:4px;color:#FFF;background:#F78E8F;display:inline-block}#stacks_in_7162-sf .sf-slider.loaded{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#stacks_in_7162-sf .loaded .flex-viewport,#stacks_in_7162-sf .sf-slider,#stacks_in_7162-sf .flex-viewport{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important}#stacks_in_7162-sf .sf-flexslider.sf-loading{opacity:0}#stacks_in_7162-sf{min-height:70px}#stacks_in_7162-sf .carousel{background-color:rgba(0, 0, 0, 1.00);line-height:0}#stacks_in_7162-sf .flex-loading{width:50px;height:50px;border-radius:100%;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:5px solid transparent;border-bottom-color:rgba(25, 165, 223, 1.00);border-top-color:rgba(25, 165, 223, 1.00);-webkit-animation:rotate 500ms linear 0s infinite;animation:rotate 500ms linear 0s infinite}@media only screen and (max-width:400px){#stacks_in_7162-sf .flex-loading{display:none}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#stacks_in_7162-sf .sf-flexslider.carousel{line-height:0}#stacks_in_7162-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{position:relative !important;top:0 !important;left:0 !important}#stacks_in_7162-sf .sf-flexslider .slides > li{position:relative;line-height:normal}#stacks_in_7162-sf .sf-flexslider .slides > li img{padding-bottom:0 !important;}#stacks_in_7162-sf .sf-flexslider .slides > li,#stacks_in_7162-sf .sf-flexslider .carousel > li,#stacks_in_7162-sf ul.flex-direction-nav{background:none inherit;opacity:1;-webkit-transition:opacity 300ms;transition:opacity 300ms;padding:0 !important;list-style:none !important}#stacks_in_7162-sf ul.flex-direction-nav li{background:none inherit;padding:0 !important;list-style:none !important}#stacks_in_7162-sf .sf-flexslider .slides > li.hero{text-align:center}#stacks_in_7162-sf .sf-flexslider .slides > li.hero div.sf-hero-background{background-size:cover;background-position:center;position:absolute;height:100%;width:100%;top:0;left:0;z-index:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#stacks_in_7162-sf .sf-hero-bg-crop{overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#stacks_in_7162-sf .sf-flexslider .slides > li.hero .sf-hero-content{text-align:center;position:relative;padding:20% 5%;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden}#stacks_in_7162-sf .sf-flexslider .slides > li.hero .sf-hero-tint{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#stacks_in_7162-sf .sf-flexslider .slides > li.hero h2,#stacks_in_7162-sf .sf-flexslider .slides > li.hero p{text-shadow:none;display:inline-block;margin:0;text-decoration:none;padding:5px 0 !important}#stacks_in_7162-sf .sf-flexslider .slides > li.hero a.sf-hero-button{display:inline-block;text-shadow:none;border-radius:4px;margin-top:10px;text-decoration:none}#stacks_in_7162-sf .sf-flexslider .slides > li.youtube .embed-container,#stacks_in_7162-sf .sf-flexslider .slides > li.vimeo .embed-container,#stacks_in_7162-sf .sf-flexslider .slides > li.map .embed-container{position:relative;padding-bottom:56.25%;height:0;margin-bottom:0;overflow:hidden;max-width:100%}#stacks_in_7162-sf .sf-flexslider .slides > li.instagram .embed-container{position:relative;padding-bottom:100%;height:0;overflow:hidden}#stacks_in_7162-sf .sf-flexslider .slides > li .embed-container iframe,#stacks_in_7162-sf .sf-flexslider .slides > li .embed-container object,#stacks_in_7162-sf .sf-flexslider .slides > li .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}#stacks_in_7162-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{padding-top:56.25% !important}#stacks_in_7162-sf li.hero h2,#stacks_in_7162-sf li.hero p,#stacks_in_7162-sf li.hero a.sf-hero-button{opacity:0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#stacks_in_7162-sf li.hero:not(.flex-active-slide) h2,#stacks_in_7162-sf li.hero:not(.flex-active-slide) p,#stacks_in_7162-sf li.hero:not(.flex-active-slide) a.sf-hero-button{-webkit-transition:opacity 300ms !important;transition:opacity 300ms !important}#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide.hero h2,#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide.hero p,#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide.hero a.sf-hero-button{opacity:1}#stacks_in_7162-sf p.flex-caption{position:absolute;bottom:0;left:0;padding:0;margin:0;background:rgba(0,0,0,0.65);width:100%;opacity:0;-webkit-transition:opacity 300ms;transition:opacity 300ms}#stacks_in_7162-sf .sf-slider.loaded p.flex-caption{-webkit-transition:opacity 300ms 600ms;transition:opacity 300ms 600ms}#stacks_in_7162-sf p.flex-caption span{color:#fff;font-family:Arial;display:block;font-size:14px;line-height:140%;text-shadow:none;padding:2% 3%}#stacks_in_7162-sf .flex-active-slide .caption-wrap,#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide p.flex-caption,#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide:hover .caption-wrap,#stacks_in_7162-sf .caption-wrap{opacity:1}#stacks_in_7162-sf .flex-active-slide .caption-wrap{position:relative;z-index:100}#stacks_in_7162-sf .caption-wrap{-webkit-transition:opacity .3s 600ms;transition:opacity .3s 600ms}li.sf3-slide.hide-caption .caption-wrap{display:none}#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide .caption-wrap{opacity:0;-webkit-transition:opacity .5s 603ms;transition:opacity .5s 60300ms;-webkit-transition:opacity .5s 3600ms;transition:opacity .5s 3600ms}#stacks_in_7162-sf .sf-slider.loaded .flex-active-slide:hover .caption-wrap{-webkit-transition:opacity .3s !important;transition:opacity .3s !important}@media only screen and (max-width:400px){#stacks_in_7162-sf p.flex-caption{display:none}}#stacks_in_7162-sf .flex-direction-nav .flex-disabled{display:none}#stacks_in_7162-sf .sf-slider .flex-direction-nav .flex-prev,#stacks_in_7162-sf .sf-slider:hover .flex-direction-nav .flex-prev{left:30px}#stacks_in_7162-sf .sf-slider .flex-direction-nav .flex-next,#stacks_in_7162-sf .sf-slider:hover .flex-direction-nav .flex-next{right:30px}#stacks_in_7162-sf .carousel .flex-direction-nav .flex-prev,#stacks_in_7162-sf .carousel:hover .flex-direction-nav .flex-prev{left:15px}#stacks_in_7162-sf .carousel .flex-direction-nav .flex-next,#stacks_in_7162-sf .carousel:hover .flex-direction-nav .flex-next{right:15px}#stacks_in_7162-sf .sf-flexslider .flex-direction-nav .flex-prev,#stacks_in_7162-sf .sf-flexslider .flex-direction-nav .flex-next{-moz-transition:transform .3s,background-color .3s;-webkit-transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s}#stacks_in_7162-sf .sf-flexslider .flex-direction-nav .flex-prev{-moz-transform:translateX(-118px);-webkit-transform:translateX(-118px);transform:translateX(-118px)}#stacks_in_7162-sf .sf-flexslider .flex-direction-nav .flex-next{-moz-transform:translateX(118px);-webkit-transform:translateX(118px);transform:translateX(118px)}#stacks_in_7162-sf .sf-flexslider:hover .flex-direction-nav .flex-prev,#stacks_in_7162-sf .sf-flexslider:hover .flex-direction-nav .flex-next{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}#stacks_in_7162-sf .flex-direction-nav a{position:absolute;top:50%;opacity:1;outline:0;width:44px;height:44px;margin-top:-22.000000px;border-radius:4px;text-shadow:none;text-indent:0;z-index:9999}#stacks_in_7162-sf .flex-direction-nav a{background:rgba(0, 0, 0, 0.50)}#stacks_in_7162-sf .flex-direction-nav a:hover{background:rgba(0, 0, 0, 1.00)}#stacks_in_7162-sf .flex-direction-nav a:before{display:none}#stacks_in_7162-sf .sf-control{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px}#stacks_in_7162-sf .sf-control:before,#stacks_in_7162-sf .sf-control:after{-webkit-transition:color 300ms;transition:color 300ms;color:rgba(255, 255, 255, 1.00)}#stacks_in_7162-sf .flex-direction-nav a:hover .sf-control:before,#stacks_in_7162-sf .flex-direction-nav a:hover .sf-control:after{color:rgba(8, 211, 253, 1.00)}@media only screen and (max-width:400px){#stacks_in_7162-sf .flex-direction-nav{opacity:0}}@media only screen and (max-width:400px){#stacks_in_7162-sf.iframe .flex-direction-nav{display:block}}@media only screen and (max-width:400px){#stacks_in_7162-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev,#stacks_in_7162-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}}#stacks_in_7162-sf .carousel{border-radius:0 0 3px 3px;line-height:0;margin-top:-1px;border:6px solid rgba(0, 0, 0, 1.00)}@media only screen and (max-width:400px){#stacks_in_7162-sf .carousel{display:none}}#stacks_in_7162-sf .carousel *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#stacks_in_7162-sf .carousel .slides li{width:70px;margin-right:0;opacity:0.65;transition:opacity 150ms;cursor:pointer;overflow:hidden;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;}#stacks_in_7162-sf .carousel .slides li:before{content:'';display:block;padding-top:70%}#stacks_in_7162-sf .carousel .slides li + li{margin-left:5px !important}#stacks_in_7162-sf .carousel .slides li:hover,#stacks_in_7162-sf .carousel .slides li.flex-active-slide,#stacks_in_7162-sf .carousel .slides li.flex-active-slide:hover{opacity:1}#stacks_in_7162-sf .carousel .flex-direction-nav .flex-prev{-moz-transform:translateX(-103px);-webkit-transform:translateX(-103px);transform:translateX(-103px)}#stacks_in_7162-sf .carousel .flex-direction-nav .flex-next{-moz-transform:translateX(103px);-webkit-transform:translateX(103px);transform:translateX(103px)}#stacks_in_7162-sf .carousel .flex-direction-nav a{background:rgba(0, 0, 0, 0.50)}#stacks_in_7162-sf .carousel .flex-direction-nav a:hover{background:rgba(0, 0, 0, 1.00)}#stacks_in_7162-sf .carousel .sf-control{color:rgba(255, 255, 255, 1.00)}#stacks_in_7162-sf .carousel .flex-direction-nav a:hover .sf-control{color:rgba(8, 211, 253, 1.00)}#stacks_in_7162-sf .freeze{text-align:center;padding:20px 0;margin:20px 0;border-radius:5px;border:2px solid #2E83F8}#stacks_in_7162-sf .freeze span{color:#2E83F8;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600} #stacks_in_7162 { margin: 40px 20px 0px 0px; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_7161 { height: 10.00px; } @media print { #spacerStackstacks_in_7161 { display: none !important; } } .spacerStack { height: 10.00px; } #spacerStackstacks_in_7158 { height: 10.00px; } @media print { #spacerStackstacks_in_7158 { display: none !important; } } #stacks_in_7134 .columnist ul,#stacks_in_7134 .columnist ol{margin-top:0;margin-bottom:0}#stacks_in_7134 .columnist li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}#stacks_in_7134 .columnist.justify{text-align:justify}#stacks_in_7134 .columnist.hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#stacks_in_7134 .columnist.strip-bullets ul,#stacks_in_7134 .columnist.strip-bullets ol{list-style:none}#stacks_in_7134 .columnist.rule.rule-top{border-top:1px solid #999999;padding-top:2rem}#stacks_in_7134 .columnist.rule.rule-bottom{border-bottom:1px solid #999999;padding-bottom:2rem}#stacks_in_7134 .columnist .break{-webkit-column-span:all;-moz-column-span:all;column-span:all} #stacks_in_7134 .columnist{-webkit-columns:200px 2;-moz-columns:200px 2;columns:200px 2;-webkit-column-gap:3.50rem;-moz-column-gap:3.50rem;column-gap:3.50rem}#stacks_in_7134 .columnist.rule{-webkit-column-rule:1px solid #999999;-moz-column-rule:1px solid #999999;column-rule:1px solid #999999} #stacks_in_7134 { background-color: rgba(239, 239, 239, 1.00); padding: 20px; } #stacks_out_7134 { width: 94%; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_7139 { height: 20.00px; } @media print { #spacerStackstacks_in_7139 { display: none !important; } } .stacks_in_1286_3 img{width:100%;max-width:40px} .stacks_in_1935 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_6999_3 img{width:100%;max-width:40px} #stacks_in_7305 .fg-content.fg-full-height{height:100%}#stacks_in_7305 .slides-container{margin:0}#stacks_in_7305 .slides-container > li{margin:0}#stacks_in_7305 .slides-container > li::before,#stacks_in_7305 .slides-container > li::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:2;transition:opacity 40ms ease}#stacks_in_7305 .slides-container.ovl-color li::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_7305 .slides-container.ovl-tile li::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_7305 .fg-per-show{position:absolute;z-index:5;width:100%;height:100%}#stacks_in_7305 .impact-wrapper{z-index:1}#stacks_in_7305 .impact-wrapper.fill-container{min-width:100%}#stacks_in_7305 .impact-wrapper.fill-container.hero-header{height:100%;height:100vh;width:100%;width:100vw}@media only screen and (orientation:portrait){#stacks_in_7305 .impact-wrapper.fill-container.hero-header{height:100% !important}}#stacks_in_7305 .impact-wrapper.fixed-height{height:500px;width:100%;min-width:100%}#stacks_in_7305 .impact-wrapper.flexible-height{height:100vh;min-height:300px;width:100%;min-width:100%}#stacks_in_7305 .impact-wrapper.touch-device.cover-touch{background-size:cover;background-position:center center;overflow:hidden}#stacks_in_7305 .impact-wrapper.touch-device.cover-touch:not(.touch-warehouse){background-image:url()}#stacks_in_7305 .impact-wrapper.touch-device.cover-touch.touch-warehouse{background-image:url(https://bailinstudio.com/WAREHOUSE/EXHIBITIONS/art-of-paper-2022.jpg)}#stacks_in_7305 .impact-wrapper > .pre-loader{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;opacity:1;visibility:visible;transition:opacity 40ms ease,visibility 0 0.2s}#stacks_in_7305 .impact-wrapper > .pre-loader.hidden{opacity:0;visibility:hidden}#stacks_in_7305 .impact-wrapper > .pre-loader > .pl-spinner{position:absolute;top:36%;margin-left:-32px;color:rgba(49, 49, 49, 1.00)}#stacks_in_7305 .impact-wrapper > .pre-loader > .pl-spinner.hidden{display:none}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-image.custom-image:not(.bg-warehouse){background-image:url()}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-image.custom-image.bg-warehouse{background-image:url()}#stacks_in_7305 .impact-wrapper > .pre-loader.preload-color{background-color:rgba(51, 51, 51, 0.95)}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-overlay{z-index:1}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-overlay::before,#stacks_in_7305 .impact-wrapper > .pre-loader.bg-overlay::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:0}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-overlay.ovl-color::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_7305 .impact-wrapper > .pre-loader.bg-overlay.ovl-tile::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_7305 .impact-container{z-index:5}#stacks_in_7305 .scrollDown{position:absolute;cursor:pointer;z-index:100;left:50%;width:80px;height:80px;-webkit-touch-callout:none;transform:scale(0.70);transform-origin:left center;-webkit-user-select:none;user-select:none}@media screen and (max-width:640px){#stacks_in_7305 .scrollDown{transform:scale(0.70)}}#stacks_in_7305 .scrollDown.button-bottom{bottom:30px}#stacks_in_7305 .scrollDown.button-top{top:30px}@media screen and (max-width:640px){#stacks_in_7305 .scrollDown.hide-on-mob{display:none}}#stacks_in_7305 .impact-arrow-wrap{background:rgba(0, 0, 0, 0.85);border-radius:50%;border:2px solid rgba(255, 255, 255, 0.96);box-shadow:0px 0px 0px 0px rgba(51, 51, 51, 0.60);transition:all 90ms ease}#stacks_in_7305 .impact-arrow-wrap:hover{background:rgba(40, 40, 40, 0.85);transition:all 90ms ease}#stacks_in_7305 .impact-arrow-wrap:hover .impact-hint{opacity:1 !important}#stacks_in_7305 .impact-arrow-wrap.animates .impact-arrow{animation-delay:3000ms;animation-iteration-count:3}#stacks_in_7305 .impact-arrow{border-top-color:rgba(255, 255, 255, 0.85);border-right-color:rgba(255, 255, 255, 0.85);border-width:2px}#stacks_in_7305 .impact-arrow:hover{border-top-color:rgba(255, 255, 255, 1.00);border-right-color:rgba(255, 255, 255, 1.00)}#stacks_in_7305 .impact-hint{position:absolute;top:0.6em;width:100%;left:0;font-size:2em;font-style:italic;text-align:center;color:rgba(255, 255, 255, 0.85);opacity:0}#stacks_in_7305 .slides-pagination > a{transition:all 2550ms ease}#stacks_in_7305 .slides-pagination > a.current{transition:all 2550ms ease} #stacks_in_7306 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/collection-bradbury.jpg")}.slide-stacks_in_7306 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7306 .impact-container.h-right{right:0px}.slide-stacks_in_7306 .impact-container.h-left{left:0px}.slide-stacks_in_7306 .impact-container.v-top{top:0px} #stacks_in_7308 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/frtsmth-exhitibition3.jpg")}.slide-stacks_in_7308 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7308 .impact-container.h-right{right:0px}.slide-stacks_in_7308 .impact-container.h-left{left:0px}.slide-stacks_in_7308 .impact-container.v-top{top:0px} #stacks_in_7309 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/papertrails-exhibitions.jpg")}.slide-stacks_in_7309 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7309 .impact-container.h-right{right:0px}.slide-stacks_in_7309 .impact-container.h-left{left:0px}.slide-stacks_in_7309 .impact-container.v-top{top:0px} #stacks_in_7310 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/ASU-BANNER.jpg")}.slide-stacks_in_7310 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7310 .impact-container.h-right{right:0px}.slide-stacks_in_7310 .impact-container.h-left{left:0px}.slide-stacks_in_7310 .impact-container.v-top{top:0px} #stacks_in_7311 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/art-of-paper-2022.jpg")}.slide-stacks_in_7311 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7311 .impact-container.h-right{right:0px}.slide-stacks_in_7311 .impact-container.h-left{left:0px}.slide-stacks_in_7311 .impact-container.v-top{top:0px} #stacks_in_7312 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/uca.jpg")}.slide-stacks_in_7312 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7312 .impact-container.h-right{right:0px}.slide-stacks_in_7312 .impact-container.h-left{left:0px}.slide-stacks_in_7312 .impact-container.v-top{top:0px} #stacks_in_7313 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/uca3.jpg")}.slide-stacks_in_7313 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7313 .impact-container.h-right{right:0px}.slide-stacks_in_7313 .impact-container.h-left{left:0px}.slide-stacks_in_7313 .impact-container.v-top{top:0px} #stacks_in_7314 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/kdr.jpg")}.slide-stacks_in_7314 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7314 .impact-container.h-right{right:0px}.slide-stacks_in_7314 .impact-container.h-left{left:0px}.slide-stacks_in_7314 .impact-container.v-top{top:0px} #stacks_in_7315 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/butler3.jpg")}.slide-stacks_in_7315 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7315 .impact-container.h-right{right:0px}.slide-stacks_in_7315 .impact-container.h-left{left:0px}.slide-stacks_in_7315 .impact-container.v-top{top:0px} #stacks_in_7316 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/la-collection.jpg")}.slide-stacks_in_7316 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7316 .impact-container.h-right{right:0px}.slide-stacks_in_7316 .impact-container.h-left{left:0px}.slide-stacks_in_7316 .impact-container.v-top{top:0px} #stacks_in_7317 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/bb-collection-quincy.jpg")}.slide-stacks_in_7317 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7317 .impact-container.h-right{right:0px}.slide-stacks_in_7317 .impact-container.h-left{left:0px}.slide-stacks_in_7317 .impact-container.v-top{top:0px} #stacks_in_7318 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/enternal-vows-cathy-collection.jpg")}.slide-stacks_in_7318 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7318 .impact-container.h-right{right:0px}.slide-stacks_in_7318 .impact-container.h-left{left:0px}.slide-stacks_in_7318 .impact-container.v-top{top:0px} #stacks_in_7319 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/WhitePaintingBanner1976.jpg")}.slide-stacks_in_7319 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7319 .impact-container.h-right{right:0px}.slide-stacks_in_7319 .impact-container.h-left{left:0px}.slide-stacks_in_7319 .impact-container.v-top{top:0px} #stacks_in_7320 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/Collection-children-lr.jpg")}.slide-stacks_in_7320 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7320 .impact-container.h-right{right:0px}.slide-stacks_in_7320 .impact-container.h-left{left:0px}.slide-stacks_in_7320 .impact-container.v-top{top:0px} #stacks_in_7321 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/PassageHornerHallConventionCenter.jpg")}.slide-stacks_in_7321 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7321 .impact-container.h-right{right:0px}.slide-stacks_in_7321 .impact-container.h-left{left:0px}.slide-stacks_in_7321 .impact-container.v-top{top:0px} #stacks_in_7322 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/Fountain1992-Cloud2005.jpg")}.slide-stacks_in_7322 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7322 .impact-container.h-right{right:0px}.slide-stacks_in_7322 .impact-container.h-left{left:0px}.slide-stacks_in_7322 .impact-container.v-top{top:0px} #stacks_in_7323 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/Boston-Collection.jpg")}.slide-stacks_in_7323 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7323 .impact-container.h-right{right:0px}.slide-stacks_in_7323 .impact-container.h-left{left:0px}.slide-stacks_in_7323 .impact-container.v-top{top:0px} #stacks_in_7324 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/aac.jpg")}.slide-stacks_in_7324 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7324 .impact-container.h-right{right:0px}.slide-stacks_in_7324 .impact-container.h-left{left:0px}.slide-stacks_in_7324 .impact-container.v-top{top:0px} #stacks_in_7325 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/LRcollection-Coorboration.jpg")}.slide-stacks_in_7325 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7325 .impact-container.h-right{right:0px}.slide-stacks_in_7325 .impact-container.h-left{left:0px}.slide-stacks_in_7325 .impact-container.v-top{top:0px} #stacks_in_7326 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/BANNERS/m2exhibition-banner.jpg")}.slide-stacks_in_7326 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7326 .impact-container.h-right{right:0px}.slide-stacks_in_7326 .impact-container.h-left{left:0px}.slide-stacks_in_7326 .impact-container.v-top{top:0px} #stacks_in_7327 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/Commission-LR-portraits.jpg")}.slide-stacks_in_7327 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7327 .impact-container.h-right{right:0px}.slide-stacks_in_7327 .impact-container.h-left{left:0px}.slide-stacks_in_7327 .impact-container.v-top{top:0px} #stacks_in_7328 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/UALR-2025-Gallery.webp")}.slide-stacks_in_7328 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7328 .impact-container.h-right{right:0px}.slide-stacks_in_7328 .impact-container.h-left{left:0px}.slide-stacks_in_7328 .impact-container.v-top{top:0px} #stacks_in_7329 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/UALR-2025-Silhouettes.webp")}.slide-stacks_in_7329 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7329 .impact-container.h-right{right:0px}.slide-stacks_in_7329 .impact-container.h-left{left:0px}.slide-stacks_in_7329 .impact-container.v-top{top:0px} #stacks_in_7330 .impact-slide{background-image:url("https://www.bailinstudio.com/WAREHOUSE/EXHIBITIONS/Prographica-Exh-2013.webp")}.slide-stacks_in_7330 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7330 .impact-container.h-right{right:0px}.slide-stacks_in_7330 .impact-container.h-left{left:0px}.slide-stacks_in_7330 .impact-container.v-top{top:0px} #stacks_in_7356 .impact-slide{background-image:url("https://bailinstudio.com/WAREHOUSE/EXHIBITIONS/EBGBdrawings.webp")}.slide-stacks_in_7356 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7356 .impact-container.h-right{right:0px}.slide-stacks_in_7356 .impact-container.h-left{left:0px}.slide-stacks_in_7356 .impact-container.v-top{top:0px} #stacks_in_7588 .impact-slide{background-image:url("https://bailinstudio.com/WAREHOUSE/EXHIBITIONS/kdr-seattle-exhibition.jpg")}.slide-stacks_in_7588 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_7588 .impact-container.h-right{right:0px}.slide-stacks_in_7588 .impact-container.h-left{left:0px}.slide-stacks_in_7588 .impact-container.v-top{top:0px} .stacks_in_5040_3 img{width:100%;max-width:40px} .spacerStack { height: 40.00px; } #spacerStackstacks_in_5046 { height: 40.00px; } @media print { #spacerStackstacks_in_5046 { display: none !important; } } #stacks_in_5061 { font-size: 95%; } #stacks_in_5070 { padding: 0px 0px 10px 0px; } #stacks_in_5072 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5072 .flexgridtable a { } #stacks_in_5072 .flexgridtable a:hover { } #stacks_in_5072 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5072 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5072 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5072 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5072 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y1 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y2 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y3 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y4 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y5 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } #stacks_in_5072 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5072 .y10 /*defligra stacks*/ { display: block; width: 100px; padding: 0px; height: auto; overflow: visible; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5062 { height: 40.00px; } @media print { #spacerStackstacks_in_5062 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5141 { height: 40.00px; } @media print { #spacerStackstacks_in_5141 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5142 { height: 40.00px; } @media print { #spacerStackstacks_in_5142 { display: none !important; } } #stacks_in_5197 { font-size: 95%; } #stacks_in_5199 { display:inline-block; width:100%; line-height: 0.990000em; } #stacks_in_5161 { padding: 0px 0px 10px 0px; } #stacks_in_5163 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5163 .flexgridtable a { } #stacks_in_5163 .flexgridtable a:hover { } #stacks_in_5163 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5163 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5163 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5163 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5163 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y1 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y2 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y3 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y4 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y5 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5163 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5163 .y10 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5200 { height: 40.00px; } @media print { #spacerStackstacks_in_5200 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5206 { height: 40.00px; } @media print { #spacerStackstacks_in_5206 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5207 { height: 40.00px; } @media print { #spacerStackstacks_in_5207 { display: none !important; } } #stacks_in_5222 { font-size: 95%; } #stacks_in_5231 { padding: 0px 0px 10px 0px; } #stacks_in_5233 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5233 .flexgridtable a { } #stacks_in_5233 .flexgridtable a:hover { } #stacks_in_5233 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5233 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5233 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5233 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5233 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y5 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y6 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 1px; height: auto; overflow: visible; } #stacks_in_5233 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5233 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 1px; height: auto; overflow: visible; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5223 { height: 40.00px; } @media print { #spacerStackstacks_in_5223 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5366 { height: 40.00px; } @media print { #spacerStackstacks_in_5366 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5367 { height: 40.00px; } @media print { #spacerStackstacks_in_5367 { display: none !important; } } #stacks_in_5384 { padding: 0px 0px 10px 0px; } #stacks_in_5386 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5386 .flexgridtable a { } #stacks_in_5386 .flexgridtable a:hover { } #stacks_in_5386 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5386 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5386 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5386 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5386 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y5 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5386 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5386 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5516 { font-size: 95%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5517 { height: 40.00px; } @media print { #spacerStackstacks_in_5517 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5523 { height: 40.00px; } @media print { #spacerStackstacks_in_5523 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5524 { height: 40.00px; } @media print { #spacerStackstacks_in_5524 { display: none !important; } } #stacks_in_5544 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5544 .flexgridtable a { } #stacks_in_5544 .flexgridtable a:hover { } #stacks_in_5544 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5544 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5544 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5544 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5544 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y5 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5544 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5544 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5656 { font-size: 95%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5662 { height: 40.00px; } @media print { #spacerStackstacks_in_5662 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5663 { height: 40.00px; } @media print { #spacerStackstacks_in_5663 { display: none !important; } } #stacks_in_5684 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5684 .flexgridtable a { } #stacks_in_5684 .flexgridtable a:hover { } #stacks_in_5684 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5684 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5684 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5684 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5684 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y5 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5684 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5684 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5747 { font-size: 95%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5753 { height: 40.00px; } @media print { #spacerStackstacks_in_5753 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5754 { height: 40.00px; } @media print { #spacerStackstacks_in_5754 { display: none !important; } } #stacks_in_5775 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5775 .flexgridtable a { } #stacks_in_5775 .flexgridtable a:hover { } #stacks_in_5775 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5775 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5775 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5775 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5775 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y5 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5775 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5775 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5883 { font-size: 95%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5889 { height: 40.00px; } @media print { #spacerStackstacks_in_5889 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_5890 { height: 40.00px; } @media print { #spacerStackstacks_in_5890 { display: none !important; } } #stacks_in_5911 .flexgridwrap { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #stacks_in_5911 .flexgridtable a { } #stacks_in_5911 .flexgridtable a:hover { } #stacks_in_5911 .flexgridtable { display: table; border-collapse: collapse; border: none; background: url() repeat 0px 0px; -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background s ease-in-out; -ms-transition: background s ease-in-out; -o-transition: background s ease-in-out; transition: background s ease-in-out; } #stacks_in_5911 .flexgridtable:hover { -moz-box-shadow: 0 0 0px #333333; -webkit-box-shadow: 0 0 0px #333333; box-shadow: 0 0 0px #333333; } #stacks_in_5911 .flexgridtr { vertical-align: top; display: block; padding: 0px; } #stacks_in_5911 .flexgridtable:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd1:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd2:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd3:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd4:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd5:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd6:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd7:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd8:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd9:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd10:hover { /*Nothing happens here*/ } #stacks_in_5911 .flexgridtd1 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-left: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y1 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd2 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y2 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd3 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y3 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd4 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y4 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd5 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y5 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd6 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y6 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd7 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y7 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd8 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y8 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd9 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y9 /*defligra stacks*/ { display: block; width: 100px; padding: 2px; height: auto; overflow: visible; } #stacks_in_5911 .flexgridtd10 { display: table-cell; vertical-align: top; background: url() repeat 0px 0px; border-top: 0px solid #333333; border-bottom: 0px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-right: 0px solid #333333; -webkit-transition: background nos ease-in-out; -moz-transition: background nos ease-in-out; -ms-transition: background nos ease-in-out; -o-transition: background nos ease-in-out; transition: background nos ease-in-out; } #stacks_in_5911 .y10 /*defligra stacks*/ { display: block; width: auto; padding: 2px; height: auto; overflow: visible; } #stacks_in_6004 { font-size: 95%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_6010 { height: 40.00px; } @media print { #spacerStackstacks_in_6010 { display: none !important; } } .stacks_in_3130_3 img{width:100%;max-width:40px} .stacks_in_1399 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_3141_3 img{width:100%;max-width:40px} #stacks_in_1705 .columnist ul,#stacks_in_1705 .columnist ol{margin-top:0;margin-bottom:0}#stacks_in_1705 .columnist li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}#stacks_in_1705 .columnist.justify{text-align:justify}#stacks_in_1705 .columnist.hyphenate{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#stacks_in_1705 .columnist.strip-bullets ul,#stacks_in_1705 .columnist.strip-bullets ol{list-style:none}#stacks_in_1705 .columnist.rule.rule-top{border-top:1px dotted #999999;padding-top:1rem}#stacks_in_1705 .columnist.rule.rule-bottom{border-bottom:1px dotted #999999;padding-bottom:1rem}#stacks_in_1705 .columnist .break{-webkit-column-span:all;-moz-column-span:all;column-span:all} #stacks_in_1705 .columnist{-webkit-columns:150px 6;-moz-columns:150px 6;columns:150px 6;-webkit-column-gap:1.50rem;-moz-column-gap:1.50rem;column-gap:1.50rem}#stacks_in_1705 .columnist.rule{-webkit-column-rule:1px dotted #999999;-moz-column-rule:1px dotted #999999;column-rule:1px dotted #999999} #stacks_in_1705 { padding: 10px 10px 10px 10px; } .stacks_in_1791_3 img{width:100%;max-width:40px} .spacerStack { height: 40.00px; } #spacerStackstacks_in_1318 { height: 40.00px; } @media print { #spacerStackstacks_in_1318 { display: none !important; } } /* -- Start Tabloid Each css Template -- */ #stacks_in_1049, #stacks_in_1049 .stacks_in, #stacks_in_1049 .stacks_out { overflow: visible !important; } .stacks_in_1049tabloid { -webkit-columns: 300x; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Firefox */ column-rule: 1px solid rgba(0, 0, 0, 0.30); } /* -- End Tabloid Each css Template -- */ #stacks_in_1049 { padding: 0px 0px 10px 0px; } #stacks_in_1797 { display:inline-block; width:100%; line-height: 0.990000em; } #stacks_in_1129 { display:inline-block; width:100%; line-height: 0.990000em; } #stacks_in_1124 { display:inline-block; width:100%; line-height: 0.990000em; } #stacks_in_1127 { display:inline-block; width:100%; line-height: 0.990000em; } .search-banner{background-image:url('https://www.bailinstudio.com/WAREHOUSE/NEWWORK/PAPERTRAILS/SEARCH-2007.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.search-banner{background-attachment:scroll!important}} /* @group Reset */ #stacks_in_1933_5 *, #stacks_in_1933_5 *:before, #stacks_in_1933_5 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1933_5 { } .dataTables_wrapper .dataTables_filter input { margin-left: initial !important; } #stacks_in_1933_5 #seo-wrapper-stacks_in_1933_5 ul { padding: 0 0 0 20px; margin: 0; list-style: disc; } #stacks_in_1933_5 #seo-wrapper-stacks_in_1933_5 li { padding-left: 5px; margin: 0; } #preview-stacks_in_1933_5 { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index: 999; } h3.seorx { margin-top: 50px; } /* @end */ /**/ /* Edit mode styling */ /**/ /* @group Indexing status */ #indexingStatus-stacks_in_1933_5 { } #indexingStatus-stacks_in_1933_5 .statusDot { width: 15px; height: 15px; display: block; float: left; margin-right: 10px; border-radius: 50%; border: 1px solid #000000; } #indexingStatus-stacks_in_1933_5 .statusDescription { margin-left: 30px; display: block; } #indexingStatus-stacks_in_1933_5.green .statusDot { background: green; } #indexingStatus-stacks_in_1933_5.amber .statusDot { background: #FFFF66; } #indexingStatus-stacks_in_1933_5.red .statusDot { background: red; } #indexingStatus-stacks_in_1933_5.green p.noGoogle, #indexingStatus-stacks_in_1933_5.green p.none { display: none; } #indexingStatus-stacks_in_1933_5.amber p.all, #indexingStatus-stacks_in_1933_5.amber p.none { display: none; } #indexingStatus-stacks_in_1933_5.red p.all, #indexingStatus-stacks_in_1933_5.red p.noGoogle { display: none; } /* @end */