.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} details{display:block}details > summary{outline:0;cursor:pointer} .play-wrapper{text-align:center;position:relative;overflow:hidden;background-color:black}.play-embed,.play-poster{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;padding:0;background:none;display:block;border:none;width:100%;height:100%}.play-embed iframe,.play-embed video,.play-poster iframe,.play-poster video{width:100%;height:100%;border:none}.play-poster{cursor:pointer;transition:opacity 600ms ease;transform:translateZ(0)}.play-poster img,.play-poster video{width:100%;height:auto;max-width:100%;display:block;margin:0 auto}.play-poster .play-button{background-color:rgba(0,0,0,0.8);position:absolute;display:block;top:50%;left:50%;width:15%;height:auto;min-height:15%;border-radius:3px;border-style:solid;border-width:0;border-color:rgba(255,255,255,0.3);background-clip:padding-box;font-size:0px;transform:translateX(-50%) translateY(-50%);transition:background 400ms ease,border-color 200ms ease,border-width 200ms ease;}.play-poster .play-button.circle{box-sizing:border-box;border-radius:50%;padding-top:15%;}.play-poster .play-button svg{fill:#fff;position:absolute;display:block;top:50%;left:50%;height:50%;transform:translateX(-40%) translateY(-50%);transition:color 400ms ease}.playing .play-poster{opacity:0;pointer-events:none}.playing .play-poster *{pointer-events:none}.animate-expand .play-button{transition:all 400ms cubic-bezier(0.68,-0.35,0.265,1.35) 100ms,border-color 200ms ease 100ms,border-width 200ms ease 100ms}.animate-expand .play-button svg{transition:all 400ms cubic-bezier(0.68,-0.35,0.265,1.35) 100ms}.animate-expand:hover .play-button{width:101% !important;min-height:101% !important;padding:0 !important;border-radius:0 !important;border-width:0 !important}.animate-expand:hover svg{height:50%}.animate-zoom img,.animate-zoom video{transition:transform 400ms cubic-bezier(0.68,0,0.265,1)}.animate-zoom:hover img,.animate-zoom:hover video{transform:scale(1.2)}:root{--caixa-backdrop:rgb(0 0 0 / 75%);--caixa-textcolor:rgb(34 34 34 / 100%);--caixa-exitcolor:rgb(34 34 34 / 100%);--caixa-background:rgb(255 255 255 / 100%);--caixa-max-width:1280px;--caixa-padding:0;--caixa-radius:0;--caixa-top:10%;--caixa-easing:cubic-bezier(0.165,0.840,0.440,1.000)}.caixa.play-lightbox{position:fixed;top:0;width:100vw;height:100vh;z-index:9998;overflow-y:scroll;transform:scale(0);background-color:var(--caixa-backdrop);cursor:zoom-out;display:flex;align-items:center;justify-content:center}.caixa.play-lightbox > .content{background:var(--caixa-background);padding:0;position:relative;color:var(--caixa-textcolor);overflow:visible;width:100%;height:auto;max-width:var(--caixa-max-width)}.caixa.play-lightbox > .content iframe,.caixa.play-lightbox > .content video{width:100%;height:100%;border:none}@media screen and (min-width:40em){.caixa.play-lightbox > .content{height:auto;width:90%;padding:var(--caixa-padding);border-radius:var(--caixa-radius)}}.caixa.play-lightbox > .caixa-exit{z-index:9999;margin:0;padding:1rem;position:absolute;border:none;right:0;bottom:calc(44px + 1rem);font-size:3rem;background:none;cursor:zoom-out;transition:opacity 200ms ease;opacity:0;color:var(--caixa-textcolor)}@media screen and (min-width:40em){.caixa.play-lightbox > .caixa-exit{padding:0 2rem 1rem 2rem;color:var(--caixa-exitcolor);top:0;bottom:auto}}.caixa.play-lightbox.enter,.caixa.play-lightbox.opened > .caixa-exit{opacity:1}.caixa.play-lightbox.opened{transform:scale(1)}.caixa.play-lightbox:not(.opened){pointer-events:none}.caixa.play-lightbox:not(.opened) *{pointer-events:none}.caixa.play-lightbox .embed{position:relative;width:100%;padding-bottom:56.25%}.caixa.play-lightbox .embed video,.caixa.play-lightbox .embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.caixa-fx-blur.enter{animation:blurIn 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-blur.exit{animation:blurOut 0.8s var(--caixa-easing) forwards}.caixa-fx-zoomIn.enter{animation:blowUp 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-zoomIn.exit{animation:blowDown 0.8s var(--caixa-easing) forwards}.caixa-fx-zoomOut.enter{animation:scaleOut 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-zoomOut.exit{animation:scaleIn 0.8s var(--caixa-easing) forwards}.caixa-fx-fade.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-fade.enter > .content{opacity:0;transform:scale(0.6);animation:scaleInUp 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-fade.exit{animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-fade.exit > .content{animation:scaleOutDown 0.8s var(--caixa-easing) forwards}.caixa-fx-slideUp.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-slideUp.enter > .content{transform:translateY(1000px);animation:slideUpIn 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-slideUp.exit{transform:scale(1);animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-slideUp.exit > .content{animation:slideDownOut 0.8s var(--caixa-easing) forwards}.caixa-fx-fold.enter{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s var(--caixa-easing) forwards}.caixa-fx-fold.enter .content{transform:scale(0);animation:zoomIn 0.5s 0.8s var(--caixa-easing) forwards}.caixa-fx-fold.exit{transform:scale(1);animation:unfoldOut 1s 0.3s var(--caixa-easing) forwards}.caixa-fx-fold.exit .content{animation:zoomOut 0.5s var(--caixa-easing) forwards}.caixa-fx-race.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-race.enter .content{opacity:1;transform:translateX(-1500px);animation:raceIn 0.3s 0.5s var(--caixa-easing) forwards}.caixa-fx-race.exit{transform:scale(1);animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-race.exit .content{opacity:1;animation:raceOut 0.5s var(--caixa-easing) forwards}@keyframes caixaFadeIn{0%{background:transparent}100%{background:var(--caixa-backdrop)}}@keyframes caixaFadeOut{0%{background:var(--caixa-backdrop)}100%{background:transparent}}@keyframes unfoldIn{0%{transform:scaleY(0.005) scaleX(0)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(0.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes scaleInUp{0%{transform:scale(0.6) translateY(-100px);opacity:0}100%{transform:scale(1) translateY(0px);opacity:1}}@keyframes scaleOutDown{0%{transform:scale(1) translateY(0px);opacity:1}100%{transform:scale(0.6) translateY(-100px);opacity:0}}@keyframes slideUpIn{0%{transform:translateY(1000px)}100%{transform:translateY(0px)}}@keyframes slideDownOut{0%{transform:translateY(0px)}100%{transform:translateY(1000px)}}@keyframes raceIn{0%{transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{transform:translateX(30px) skewX(0deg) scaleX(0.9)}100%{transform:translateX(0px) skewX(0deg) scaleX(1)}}@keyframes raceOut{0%{transform:translateX(0px) skewX(0deg) scaleX(1)}30%{transform:translateX(-30px) skewX(-5deg) scaleX(0.9)}100%{transform:translateX(1500px) skewX(30deg) scaleX(1.3)}}@keyframes blurIn{0%{filter:blur(0px)}100%{filter:blur(10px)}}@keyframes blurOut{0%{filter:blur(10px)}100%{filter:blur(0px)}}@keyframes blowUp{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}100%{transform:scale(0)}}@keyframes blowDown{0%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}@keyframes scaleIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}} .lines{border:0;height:0;width:100%;margin:0;padding:0;opacity:1}.lines-wrapper{position:relative}.lines-wrapper.vertical{height:100%} .stacks-button{--button-text-color:#ffffff;--button-background-color:#0080ff;--button-background-color-hover:#0059b1;--button-radius:0;text-align:left;position:relative;box-sizing:border-box}.stacks-button > a,.stacks-button > button{color:var(--button-text-color) !important;background-color:var(--button-background-color) !important;display:inline-block;box-sizing:border-box;vertical-align:middle;margin:0 0 1rem 0;padding:.85em 1em;border:1px solid transparent;border-radius:var(--button-radius);transition:background-color .25s ease-out,color .25s ease-out;font-family:inherit;font-size:1rem;-webkit-appearance:none;line-height:1;text-align:center;text-decoration:none;cursor:pointer}.stacks-button > a:hover,.stacks-button > a:active,.stacks-button > button:hover,.stacks-button > button:active{background-color:var(--button-background-color-hover) !important}.stacks-button.button-center{text-align:center}.stacks-button.button-right{text-align:right}.stacks-button.button-fill > a,.stacks-button.button-fill > button{display:block;width:100%}.stacks-button.button-plain{--button-background-color:transparent!important;--button-background-color-hover:transparent!important}.stacks-button.button-round{--button-radius:30px}.stacks-button.button-radius{--button-radius:3px} @property --glass-border-one{syntax:"";inherits:true;initial-value:rgba(255,255,255,0)}@property --glass-border-two{syntax:"";inherits:true;initial-value:rgba(255,255,255,0.5)}@property --glass-border-deg{syntax:"";inherits:true;initial-value:0deg}@property --glass-shimmer-width{syntax:"";inherits:true;initial-value:10%}@keyframes glass-border-bounce{50%{scale:var(--glass-border-scale,0.995)}100%{scale:1;--glass-border-deg:var(--glass-hover-deg,360deg)}}@keyframes glass-border-rotate{100%{--glass-border-deg:var(--glass-hover-deg,360deg)}} :root{--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(97, 119, 144, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(97, 119, 144, 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-dark:rgba(67, 89, 114, 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);--header-color:rgba(97, 119, 144, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(97, 119, 144, 1.00);--link-color-hover:rgba(150, 184, 224, 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(97, 119, 144, 1.00);--link-color-hover:rgba(150, 184, 224, 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(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/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(16rem/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(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){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(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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: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} html,body, p,.p, h4,.h4, h5,.h5, h6,.h6, .menu li, li, form, .raleway{font-family:"Raleway",sans-serif } h1,.h1, h2,.h2, h3,.h3, blockquote, .button,.josefin{font-family:"Josefin Sans",sans-serif !important} h1,.h1, h2,.h2, h3,.h3, blockquote, .menu li, .myclass{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif } .leftpad{padding-top:0 ;padding-left:4rem ;} .sidespad{padding-top:0.00% ;padding-right:3.00% ;padding-bottom:0.00% ;padding-left:3.00% ;}@media only screen and (min-width:40em){.sidespad{padding-top:0.00% ;padding-right:4.00% ;padding-bottom:0.00% ;padding-left:4.00% }}@media only screen and (min-width:64em){.sidespad{padding-top:0.00% ;padding-right:8.00% ;padding-bottom:0.00% ;padding-left:8.00% }} .bluebox{background-color:rgba(150, 184, 224, 0.50) ;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){.bluebox{background-attachment:scroll!important}} .allpad{padding-top:0.5rem ;padding-right:0.5rem ;padding-bottom:0.5rem ;padding-left:0.5rem ;} .smallpad{padding-top:0 ;padding-right:0.5rem ;padding-bottom:0 ;padding-left:0.5rem ;} .round3{border-radius:3px ;} .round6{border-radius:6px ;} .hoverpop:hover{background-color:rgba(150, 184, 224, 0.50) ;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){.hoverpop{background-attachment:scroll!important}} .trans{opacity:0.70 } .square-embed iframe{min-height:1200px !important;max-height:1500px !important;} .button{border-radius:4px ;} .animateunder{position:relative;white-space:normal}.animateunder:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 20rem / 8);margin:0 calc(20rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(163, 185, 209, 1.00) ;}.animateunder:hover:before{transform:scaleX(0.70);transform-origin: center } html{--scrollbar-track-color:rgba(255, 255, 255, 0.50);--scrollbar-track-shadow:rgba(0, 0, 0, 0.30);--scrollbar-thumb-color:rgba(81, 102, 128, 0.70);--scrollbar-thumb-shadow:rgba(0, 0, 0, 0.25);--scrollbar-size:12px;--scrollbar-width:auto;--scrollbar-radius:6px;scrollbar-width:var(--scrollbar-width);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}html::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}html::-webkit-scrollbar-track{box-shadow:inset 0 0 calc(var(--scrollbar-size)/2) var(--scrollbar-track-shadow);background-color:var(--scrollbar-track-color);border-radius:var(--scrollbar-radius);}html::-webkit-scrollbar-thumb{box-shadow:inset 0 0 calc(var(--scrollbar-size)/2) var(--scrollbar-thumb-shadow);background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)} .whitebox{background-color:rgba(255, 255, 255, 0.75) ;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){.whitebox{background-attachment:scroll!important}} .glassbuttons{--glass-bg:hsl(from #66758F h s l / 0.50);--glass-blur:3px;--glass-border-size:2px;--glass-radius:5px;--glass-border-one:rgba(255, 255, 255, 0.75);--glass-border-two:rgba(255, 255, 255, 0.00);--glass-border-deg:0deg;--glass-hover-deg:360deg;--glass-shine-duration:350ms;--glass-shine-scale:0.995;--glass-iteration:none;--glass-spotlight-color:rgba(255, 255, 255, 0.20);--glass-spotlight-size:50%;--glass-shimmer-angle:60deg;--glass-shimmer-color:rgba(255, 255, 255, 0.50);--glass-shimmer-width:16%;--glass-shimmer-speed:400ms;--glass-shimmer-delay:200ms;--glass-shadow:inset 0px 0px 30px 5px rgba(255, 255, 255, 0.50),0px 0px 50px 0px rgba(0, 0, 0, 0.25);position:relative;overflow:hidden;border-radius:var(--glass-radius,0);background:var(--glass-bg,hsl(0 0% 100% / 0.1));backdrop-filter:blur(var(--glass-blur,3px));box-shadow:var(--glass-shadow,none);isolation:isolate;contain:paint;clip-path:inset(0 round var(--glass-radius));&:is(:hover,:focus){--glass-border-one:rgba(255, 255, 255, 0.20);--glass-border-two:rgba(255, 255, 255, 0.50);--glass-bg:hsl(from #FFFFFF h s l / 0.50);background:var(--glass-bg,hsl(0 0% 100% / 0.1));@media (prefers-reduced-motion:reduce){animation:none}}&::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;transition:--glass-border-one 200ms linear,--glass-border-two 200ms linear;border:var(--glass-border-size,2px) solid transparent;background:linear-gradient(var(--glass-border-deg),var(--glass-border-two),var(--glass-border-one)) border-box;mask:linear-gradient(black,black) border-box,linear-gradient(black,black) padding-box;mask-composite:subtract}.glass-spotlight{pointer-events:none;position:absolute;border-radius:inherit;inset:0;z-index:0;opacity:0;transition:opacity 250ms linear;background:radial-gradient(circle at var(--glass-spotlight-x,0px) var(--glass-spotlight-y,0px),var(--glass-spotlight-color,rgba(255,255,255,0.2)),transparent var(--glass-spotlight-size,40%));mix-blend-mode:screen}&:hover .glass-spotlight{opacity:1}&::before{content:"";position:absolute;inset:-18%;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;background:linear-gradient(var(--glass-shimmer-angle,60deg),transparent calc(50% - (var(--glass-shimmer-width,10%) / 2)),var(--glass-shimmer-color,rgba(255,255,255,.5)) 50%,transparent calc(50% + (var(--glass-shimmer-width,10%) / 2)));transform:translateX(-130%);will-change:transform;transition:transform var(--glass-shimmer-speed,650ms) var(--glass-shimmer-ease,cubic-bezier(.2,.7,.2,1)) var(--glass-shimmer-delay,0ms);@media (prefers-reduced-motion:reduce){transition:none;transform:none}}&:hover::before{transform:translateX(130%)}} .div-blue{border-color:rgba(153, 153, 153, 1.00) rgba(153, 153, 153, 1.00) rgba(102, 117, 143, 1.00) rgba(153, 153, 153, 1.00) ;border-width:2px ;} /* 1.0.6.2 - fixed a bug that caused non-navigating parents to close the menu */ @import url(http://fonts.googleapis.com/css?family=Raleway:400,200); body.sideMenuOpen { overflow: hidden !important; } #sideMenuToggleContainer_stacks_in_79805_125 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; /* */ /* */ text-align: left; /* */ } #sideMenuToggle_stacks_in_79805_125 { text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; z-index: 9999; box-sizing: border-box; pointer-events: all; color: #FFFFFF; padding: 15px 10px 14px 10px; border-radius: 4px; /* */ /* */ /* */ /* */ width: auto; /* */ /* */ background: rgba(97, 119, 144, 0.85); /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ } #sideMenuToggle_stacks_in_79805_125 span, #sideMenuToggle_stacks_in_79805_125 i { vertical-align: middle; } #sideMenuToggle_stacks_in_79805_125 span { font-size: 18px; } #sideMenuToggle_stacks_in_79805_125 i { font-size: 24px; } #sideMenuToggle_stacks_in_79805_125 * { text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #sideMenuContainer_stacks_in_79805_125:before, #sideMenuContainer_stacks_in_79805_125:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_79805_125:before { /* */ /* */ background: #617790; background: linear-gradient(to right, #617790, #96B8E0); /* */ /* */ } #sideMenuContainer_stacks_in_79805_125:after { /* */ } #sideMenu_stacks_in_79805_125 { opacity: 1; padding: 11px 15px 10px 15px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 .close-icon { opacity: 0; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin-bottom: 2px; box-sizing: border-box; z-index: 9999; /* */ text-align: right; /* */ } #sideMenu_stacks_in_79805_125 .close-icon i { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; box-sizing: content-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ width: 35px; height: 35px; padding: 10px; margin: 5px 0; font-size: 35px; line-height: 35px; color: #FFFFFF; /* */ } #sideMenu_stacks_in_79805_125 #cssmenu, #sideMenu_stacks_in_79805_125 #cssmenu ul, #sideMenu_stacks_in_79805_125 #cssmenu ul li, #sideMenu_stacks_in_79805_125 #cssmenu ul li a { margin: 0; bottom: 0; padding: 0; display: block; line-height: 1; list-style: none; position: relative; box-sizing: border-box; } #sideMenu_stacks_in_79805_125 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_79805_125 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 16px; color: rgba(255, 255, 255, 0.80); } #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 15px; /* */ color: rgba(255, 255, 255, 0.80); /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 20px; } #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 18px; } #sideMenuContainer_stacks_in_79805_125 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons { top: 0; z-index: 5; height: 100%; display: block; color: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; /* */ right: 0; width: 46px; /* */ } #sideMenuContainer_stacks_in_79805_125 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_79805_125 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { top: 50%; left: 50%; display: block; color: inherit; position: absolute; font-size: 24px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } #sideMenuContainer_stacks_in_79805_125 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_79805_125 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); /* */ } #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenu_stacks_in_79805_125 #cssmenu ul > li.has-sub > a { /* */ padding: 16px 48px 16px 22px; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu > ul > li > a { z-index: 2; cursor: pointer; text-decoration: none; box-sizing: border-box; color: #FFFFFF; padding: 16px 22px 16px 22px; font-size: 20px; border-radius: 3px; margin-bottom: 5px; /* */ background: none; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a { z-index: 2; cursor: pointer; text-decoration: none; font-size: 18px; border-radius: 3px; margin-bottom: 5px; /* */ color: #FFFFFF; padding: 16px 22px 16px 22px; /* */ background: none; /* */ /* */ /* */ /* */ } /* */ #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a { /* */ margin-left: 15px; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul ul ul li a { /* */ margin-left: 30px; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul ul ul ul li a { /* */ margin-left: 45px; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul ul ul ul ul li a { /* */ margin-left: 60px; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul ul ul ul ul li a { /* */ margin-left: 75px; /* */ /* */ /* */ } /* */ @-webkit-keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @-webkit-keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } @keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } /* */ #sideMenuToggleContainer_stacks_in_79805_125 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 9999; /* */ /* */ /* */ text-align: left; /* */ /* */ top: 0; /* */ padding: 11px 10px 10px 10px; } #sideMenuToggle_stacks_in_79805_125:hover { cursor: pointer; color: #000000; /* */ background: #617790; /* */ /* */ /* */ } #sideMenu_stacks_in_79805_125 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(180deg); transform: rotate(180deg); /* */ /* */ } #sideMenuContainer_stacks_in_79805_125 { top: 0; bottom: 0; opacity: 0; width: 100%; position: fixed; visibility: hidden; z-index: 10000; left: -100%; transition: all 0.2s ease-in; } /* */ @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_79805_125 { max-width: 300px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_79805_125 { max-width: 320px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_79805_125 { max-width: 350px; } } /* */ /* */ #sideMenuContainer_stacks_in_79805_125:before, #sideMenuContainer_stacks_in_79805_125:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_79805_125.open { left: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_79805_125.open:before { visibility: visible; opacity: 0.90; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_79805_125.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_79805_125 { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; width: 100%; height: 100%; overflow-y: auto; visibility: visible; box-sizing: border-box; } #sideMenu_stacks_in_79805_125 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_79805_125 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_79805_125 #cssmenu > ul > li { left: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li { left: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_79805_125.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_79805_125 #cssmenu ul > li a:hover small { font-size: 16px; color: rgba(97, 119, 144, 0.80); } #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a:hover small { font-size: 15px; /* */ color: rgba(97, 119, 144, 0.80); /* */ } #sideMenu_stacks_in_79805_125 #cssmenu > ul > li > a:hover { color: #617790; /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #sideMenu_stacks_in_79805_125 #cssmenu ul ul li a:hover { /* */ color: #617790; /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_79805_125.hide-m, #sideMenuToggleContainer_stacks_in_79805_125.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_79805_125.hide-t, #sideMenuToggleContainer_stacks_in_79805_125.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_79805_125.hide-d, #sideMenuToggleContainer_stacks_in_79805_125.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_79805_127.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_262.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_133.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_130.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_254.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_233.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_148.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_79805_265.sub_level_5::before { content: 'Sub Level 5'; background: purple; } .stacks_in_79805_203 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_79805_164 { padding: 10px 0px 0px 0px; } #stacks_in_79805_90 { padding: 10px 0px 0px 0px; } #stacks_in_79805_166 { padding: 10px 0px 0px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_79805_92, #stacks_in_79805_92 { 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_79805_92 { padding: 20px 0px !important; } #press_alignment_stacks_in_79805_92 { width: 100%; } #press_alignment_stacks_in_79805_92.press-left { text-align: left; } #press_alignment_stacks_in_79805_92.press-center { text-align: center; } #press_alignment_stacks_in_79805_92.press-right { text-align: right; } #stacks_in_79805_92 { transition: all 200ms ease; /* */ /* */ background: rgba(97, 119, 144, 0.85); /* */ /* */ /* */ /* */ 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: 12px 10px 10px 10px; padding: 10px 12px 10px 12px; border-radius: 4px 4px 4px 4px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_79805_92:hover { /* */ /* */ /* */ background: rgba(150, 184, 224, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_79805_92:hover .press-icon i { /* */ color: rgba(25, 25, 25, 1.00); /* */ } #stacks_in_79805_92:active { /* */ /* */ /* */ /* */ } #stacks_in_79805_92:active .press-icon i { /* */ } #stacks_in_79805_92 .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: 8px; /* */ /* */ /* */ } #stacks_in_79805_92 .press-icon i { font-size: 24px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_79805_92 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 10px 0px 10px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_79805_92 .press-text .out { margin: 0 !important; } #stacks_in_79805_92 { font-size: 16px; line-height: 16px; } .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'; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_79805_272 { height: 10.00px; } @media print { #spacerStackstacks_in_79805_272 { display: none !important; } } /* PMBeautifier stack v1.0.7 */ body #rapidweaver_privacy_message { display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; background-color: rgba(168, 188, 226, 0.90); z-index: 10000; } body #rapidweaver_privacy_message p:not(button) { width: 100%; text-align:left; margin: 20px 20px 20px 20px; } body #rapidweaver_privacy_message p:not(button) span { } body #rapidweaver_privacy_message p a:link { } body #rapidweaver_privacy_message p a:visited { } body #rapidweaver_privacy_message p a:hover { } body #rapidweaver_privacy_message p a:active { } body #rapidweaver_privacy_message button { color: #FFFFFF; margin: 20px 20px 20px 20px; background-color: rgba(97, 119, 144, 1.00); font-weight: bold; } body #rapidweaver_privacy_message button:hover { filter: saturate(100%); color: #D8D8D8; background-color: rgba(150, 184, 224, 1.00); } body #rapidweaver_privacy_message button:active { color: #FFFFFF; background-color: rgba(115, 113, 124, 1.00); } /* End of PMBeautifier stack */ #stacks_in_79805_246 { background-color: rgba(97, 119, 144, 1.00); } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80219 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80219 .theDivider1, #simpleDivider_stacks_in_80219 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80219 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80219.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80219.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80219 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80219.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80219.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80219.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80219.bgImageOn .theDivider1 img { display: block; } #stacks_in_80219 { padding: 0px 15px 0px 15px; } .stacks_in_80899 { aspect-ratio: 16/9; } .stacks_in_80899 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80899 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80899 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80899 .play-poster img, .stacks_in_80899 .play-poster video { transition-duration: 500ms; } .stacks_in_80899 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80899 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80899 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80899 .play-poster.animate-zoom:hover img, .stacks_in_80899 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80800{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80800{height:60vh}}@media screen and (min-width:64em){.stacks_in_80800{height:60vh}} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80755 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80755 .theDivider1, #simpleDivider_stacks_in_80755 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80755 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80755.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80755.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80755 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80755.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80755.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80755.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80755.bgImageOn .theDivider1 img { display: block; } #stacks_in_80755 { padding: 0px 15px 0px 15px; } .stacks_in_80898 { aspect-ratio: 16/9; } .stacks_in_80898 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80898 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80898 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80898 .play-poster img, .stacks_in_80898 .play-poster video { transition-duration: 500ms; } .stacks_in_80898 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80898 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80898 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80898 .play-poster.animate-zoom:hover img, .stacks_in_80898 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80801{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80801{height:60vh}}@media screen and (min-width:64em){.stacks_in_80801{height:60vh}} .stacks_in_80897 { aspect-ratio: 16/9; } .stacks_in_80897 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80897 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80897 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80897 .play-poster img, .stacks_in_80897 .play-poster video { transition-duration: 500ms; } .stacks_in_80897 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80897 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80897 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80897 .play-poster.animate-zoom:hover img, .stacks_in_80897 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80802{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80802{height:60vh}}@media screen and (min-width:64em){.stacks_in_80802{height:60vh}} .stacks_in_80896 { aspect-ratio: 16/9; } .stacks_in_80896 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80896 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80896 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80896 .play-poster img, .stacks_in_80896 .play-poster video { transition-duration: 500ms; } .stacks_in_80896 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80896 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80896 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80896 .play-poster.animate-zoom:hover img, .stacks_in_80896 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80803{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80803{height:60vh}}@media screen and (min-width:64em){.stacks_in_80803{height:60vh}} .stacks_in_80895 { aspect-ratio: 16/9; } .stacks_in_80895 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80895 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80895 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80895 .play-poster img, .stacks_in_80895 .play-poster video { transition-duration: 500ms; } .stacks_in_80895 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80895 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80895 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80895 .play-poster.animate-zoom:hover img, .stacks_in_80895 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80804{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80804{height:60vh}}@media screen and (min-width:64em){.stacks_in_80804{height:60vh}} .stacks_in_80894 { aspect-ratio: 16/9; } .stacks_in_80894 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80894 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80894 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80894 .play-poster img, .stacks_in_80894 .play-poster video { transition-duration: 500ms; } .stacks_in_80894 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80894 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80894 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80894 .play-poster.animate-zoom:hover img, .stacks_in_80894 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80805{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80805{height:60vh}}@media screen and (min-width:64em){.stacks_in_80805{height:60vh}} .stacks_in_80893 { aspect-ratio: 16/9; } .stacks_in_80893 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80893 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80893 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80893 .play-poster img, .stacks_in_80893 .play-poster video { transition-duration: 500ms; } .stacks_in_80893 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80893 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80893 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80893 .play-poster.animate-zoom:hover img, .stacks_in_80893 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80806{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80806{height:60vh}}@media screen and (min-width:64em){.stacks_in_80806{height:60vh}} .stacks_in_80892 { aspect-ratio: 16/9; } .stacks_in_80892 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80892 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80892 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80892 .play-poster img, .stacks_in_80892 .play-poster video { transition-duration: 500ms; } .stacks_in_80892 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80892 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80892 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80892 .play-poster.animate-zoom:hover img, .stacks_in_80892 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80807{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80807{height:60vh}}@media screen and (min-width:64em){.stacks_in_80807{height:60vh}} .stacks_in_80891 { aspect-ratio: 16/9; } .stacks_in_80891 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80891 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80891 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80891 .play-poster img, .stacks_in_80891 .play-poster video { transition-duration: 500ms; } .stacks_in_80891 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80891 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80891 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80891 .play-poster.animate-zoom:hover img, .stacks_in_80891 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80863{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80863{height:60vh}}@media screen and (min-width:64em){.stacks_in_80863{height:60vh}} .stacks_in_80890 { aspect-ratio: 16/9; } .stacks_in_80890 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80890 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80890 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80890 .play-poster img, .stacks_in_80890 .play-poster video { transition-duration: 500ms; } .stacks_in_80890 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80890 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80890 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80890 .play-poster.animate-zoom:hover img, .stacks_in_80890 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80808{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80808{height:60vh}}@media screen and (min-width:64em){.stacks_in_80808{height:60vh}} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80312 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80312 .theDivider1, #simpleDivider_stacks_in_80312 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80312 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80312.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80312.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80312 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80312.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80312.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80312.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80312.bgImageOn .theDivider1 img { display: block; } #stacks_in_80312 { padding: 0px 15px 0px 15px; } .stacks_in_80889 { aspect-ratio: 16/9; } .stacks_in_80889 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80889 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80889 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80889 .play-poster img, .stacks_in_80889 .play-poster video { transition-duration: 500ms; } .stacks_in_80889 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80889 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80889 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80889 .play-poster.animate-zoom:hover img, .stacks_in_80889 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80809{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80809{height:60vh}}@media screen and (min-width:64em){.stacks_in_80809{height:60vh}} .stacks_in_80888 { aspect-ratio: 16/9; } .stacks_in_80888 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80888 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80888 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80888 .play-poster img, .stacks_in_80888 .play-poster video { transition-duration: 500ms; } .stacks_in_80888 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80888 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80888 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80888 .play-poster.animate-zoom:hover img, .stacks_in_80888 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80810{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80810{height:60vh}}@media screen and (min-width:64em){.stacks_in_80810{height:60vh}} .stacks_in_80887 { aspect-ratio: 16/9; } .stacks_in_80887 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80887 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80887 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80887 .play-poster img, .stacks_in_80887 .play-poster video { transition-duration: 500ms; } .stacks_in_80887 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80887 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80887 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80887 .play-poster.animate-zoom:hover img, .stacks_in_80887 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80811{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80811{height:60vh}}@media screen and (min-width:64em){.stacks_in_80811{height:60vh}} .stacks_in_80886 { aspect-ratio: 16/9; } .stacks_in_80886 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80886 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80886 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80886 .play-poster img, .stacks_in_80886 .play-poster video { transition-duration: 500ms; } .stacks_in_80886 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80886 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80886 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80886 .play-poster.animate-zoom:hover img, .stacks_in_80886 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80812{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80812{height:60vh}}@media screen and (min-width:64em){.stacks_in_80812{height:60vh}} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80361 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80361 .theDivider1, #simpleDivider_stacks_in_80361 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80361 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80361.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80361.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80361 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80361.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80361.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80361.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80361.bgImageOn .theDivider1 img { display: block; } #stacks_in_80361 { padding: 0px 15px 0px 15px; } .stacks_in_80885 { aspect-ratio: 16/9; } .stacks_in_80885 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80885 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80885 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80885 .play-poster img, .stacks_in_80885 .play-poster video { transition-duration: 500ms; } .stacks_in_80885 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80885 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80885 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80885 .play-poster.animate-zoom:hover img, .stacks_in_80885 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80813{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80813{height:60vh}}@media screen and (min-width:64em){.stacks_in_80813{height:60vh}} .stacks_in_80884 { aspect-ratio: 16/9; } .stacks_in_80884 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80884 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80884 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80884 .play-poster img, .stacks_in_80884 .play-poster video { transition-duration: 500ms; } .stacks_in_80884 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80884 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80884 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80884 .play-poster.animate-zoom:hover img, .stacks_in_80884 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80814{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80814{height:60vh}}@media screen and (min-width:64em){.stacks_in_80814{height:60vh}} #button_stacks_in_80373{--button-text-color:rgba(255, 255, 255, 1.00);--button-background-color:rgba(102, 117, 143, 1.00);--button-background-color-hover:rgba(86, 99, 121, 1.00)} #button_stacks_in_80825{--button-text-color:rgba(255, 255, 255, 1.00);--button-background-color:rgba(102, 117, 143, 1.00);--button-background-color-hover:rgba(86, 99, 121, 1.00)} .stacks_in_80883 { aspect-ratio: 16/9; } .stacks_in_80883 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80883 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80883 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80883 .play-poster img, .stacks_in_80883 .play-poster video { transition-duration: 500ms; } .stacks_in_80883 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80883 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80883 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80883 .play-poster.animate-zoom:hover img, .stacks_in_80883 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80815{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80815{height:60vh}}@media screen and (min-width:64em){.stacks_in_80815{height:60vh}} .stacks_in_80882 { aspect-ratio: 16/9; } .stacks_in_80882 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80882 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80882 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80882 .play-poster img, .stacks_in_80882 .play-poster video { transition-duration: 500ms; } .stacks_in_80882 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80882 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80882 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80882 .play-poster.animate-zoom:hover img, .stacks_in_80882 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80816{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80816{height:60vh}}@media screen and (min-width:64em){.stacks_in_80816{height:60vh}} .stacks_in_80881 { aspect-ratio: 16/9; } .stacks_in_80881 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80881 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80881 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80881 .play-poster img, .stacks_in_80881 .play-poster video { transition-duration: 500ms; } .stacks_in_80881 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80881 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80881 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80881 .play-poster.animate-zoom:hover img, .stacks_in_80881 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80834{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80834{height:60vh}}@media screen and (min-width:64em){.stacks_in_80834{height:60vh}} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80577 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80577 .theDivider1, #simpleDivider_stacks_in_80577 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80577 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80577.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80577.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80577 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80577.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80577.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80577.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80577.bgImageOn .theDivider1 img { display: block; } #stacks_in_80577 { padding: 0px 15px 0px 15px; } .stacks_in_80880 { aspect-ratio: 16/9; } .stacks_in_80880 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80880 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80880 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80880 .play-poster img, .stacks_in_80880 .play-poster video { transition-duration: 500ms; } .stacks_in_80880 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80880 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80880 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80880 .play-poster.animate-zoom:hover img, .stacks_in_80880 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80817{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80817{height:60vh}}@media screen and (min-width:64em){.stacks_in_80817{height:60vh}} .stacks_in_80879 { aspect-ratio: 16/9; } .stacks_in_80879 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80879 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80879 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80879 .play-poster img, .stacks_in_80879 .play-poster video { transition-duration: 500ms; } .stacks_in_80879 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80879 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80879 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80879 .play-poster.animate-zoom:hover img, .stacks_in_80879 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80818{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80818{height:60vh}}@media screen and (min-width:64em){.stacks_in_80818{height:60vh}} .stacks_in_80878 { aspect-ratio: 16/9; } .stacks_in_80878 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80878 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80878 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80878 .play-poster img, .stacks_in_80878 .play-poster video { transition-duration: 500ms; } .stacks_in_80878 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80878 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80878 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80878 .play-poster.animate-zoom:hover img, .stacks_in_80878 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80819{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80819{height:60vh}}@media screen and (min-width:64em){.stacks_in_80819{height:60vh}} .stacks_in_80877 { aspect-ratio: 16/9; } .stacks_in_80877 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80877 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80877 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80877 .play-poster img, .stacks_in_80877 .play-poster video { transition-duration: 500ms; } .stacks_in_80877 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80877 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80877 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80877 .play-poster.animate-zoom:hover img, .stacks_in_80877 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80820{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80820{height:60vh}}@media screen and (min-width:64em){.stacks_in_80820{height:60vh}} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80679 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80679 .theDivider1, #simpleDivider_stacks_in_80679 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80679 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80679.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80679.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80679 .theDivider2 { height: 2px; } #simpleDivider_stacks_in_80679.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80679.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80679.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80679.bgImageOn .theDivider1 img { display: block; } #stacks_in_80679 { padding: 0px 15px 0px 15px; } .stacks_in_80876 { aspect-ratio: 16/9; } .stacks_in_80876 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80876 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80876 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80876 .play-poster img, .stacks_in_80876 .play-poster video { transition-duration: 500ms; } .stacks_in_80876 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80876 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80876 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80876 .play-poster.animate-zoom:hover img, .stacks_in_80876 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80821{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80821{height:60vh}}@media screen and (min-width:64em){.stacks_in_80821{height:60vh}} .stacks_in_80875 { aspect-ratio: 16/9; } .stacks_in_80875 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80875 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80875 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80875 .play-poster img, .stacks_in_80875 .play-poster video { transition-duration: 500ms; } .stacks_in_80875 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80875 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80875 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80875 .play-poster.animate-zoom:hover img, .stacks_in_80875 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80822{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80822{height:60vh}}@media screen and (min-width:64em){.stacks_in_80822{height:60vh}} #wrapper_stacks_in_80396{position:fixed;top:-5000px;left:0px;width:100%;height:auto;background:#A8BCE2;opacity:.90;z-index:999;-webkit-box-shadow:0px 1px 15px #000000;box-shadow:0px 1px 15px #000000;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}#wrapper_stacks_in_80396:hover{background:#A8BCE2;opacity:1;}#content_stacks_in_80396{position:relative;color:#FFFFFF;font-size:size_px;height:auto;width:90%;padding:5px;margin:0 auto;}#close_stacks_in_80396{position:absolute;top:0;right:0;cursor:pointer;z-index:8999} .spacerStack { height: 50.00px; } #spacerStackstacks_in_80397 { height: 50.00px; } @media print { #spacerStackstacks_in_80397 { display: none !important; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_80401 { height: 20.00px; } @media print { #spacerStackstacks_in_80401 { display: none !important; } } .stacks_in_80502 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80196 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80196 .theDivider1, #simpleDivider_stacks_in_80196 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80196 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80196.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80196.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80196 .theDivider2 { height: 1px; } #simpleDivider_stacks_in_80196.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80196.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80196.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80196.bgImageOn .theDivider1 img { display: block; } #stacks_in_80196 { padding: 0px 15px 0px 15px; } #shadyStackstacks_in_80918 { -webkit-box-shadow: 0px 0px 8px 2px rgba(102, 117, 143, 1.00); box-shadow: 0px 0px 8px 2px rgba(102, 117, 143, 1.00); border-radius: 15px; } #shadyStackstacks_in_80918 { margin: 15px; } @media print { #shadyStackstacks_in_80918 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } }/* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80938 { width: 100%; clear: both; padding-top: 0px; padding-bottom: 6px; } #simpleDivider_stacks_in_80938 .theDivider1, #simpleDivider_stacks_in_80938 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80938 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80938.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80938.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80938 .theDivider2 { height: 1px; } #simpleDivider_stacks_in_80938.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80938.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80938.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80938.bgImageOn .theDivider1 img { display: block; } #stacks_in_80938 { padding: 0px 40px 0px 40px; } #button_stacks_in_80922{--button-text-color:rgba(255, 255, 255, 1.00);--button-background-color:rgba(102, 117, 143, 1.00);--button-background-color-hover:rgba(86, 99, 121, 1.00)} #stacks_in_80923 { font-size: 125%; font-weight: bold; } #shadyStackstacks_in_80916 { -webkit-box-shadow: 0px 0px 8px 2px rgba(102, 117, 143, 1.00); box-shadow: 0px 0px 8px 2px rgba(102, 117, 143, 1.00); border-radius: 15px; } #shadyStackstacks_in_80916 { margin: 15px; } @media print { #shadyStackstacks_in_80916 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } }/* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80940 { width: 100%; clear: both; padding-top: 0px; padding-bottom: 6px; } #simpleDivider_stacks_in_80940 .theDivider1, #simpleDivider_stacks_in_80940 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80940 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80940.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80940.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80940 .theDivider2 { height: 1px; } #simpleDivider_stacks_in_80940.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80940.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80940.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80940.bgImageOn .theDivider1 img { display: block; } #stacks_in_80940 { padding: 0px 40px 0px 40px; } #button_stacks_in_80920{--button-text-color:rgba(255, 255, 255, 1.00);--button-background-color:rgba(102, 117, 143, 1.00);--button-background-color-hover:rgba(86, 99, 121, 1.00)} #stacks_in_80921 { font-size: 125%; font-weight: bold; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_80902 { width: 100%; clear: both; padding-top: 6px; padding-bottom: 18px; } #simpleDivider_stacks_in_80902 .theDivider1, #simpleDivider_stacks_in_80902 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_80902 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_80902.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_80902.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_80902 .theDivider2 { height: 1px; } #simpleDivider_stacks_in_80902.transparentOff .theDivider2 { background-color: #66758F; } #simpleDivider_stacks_in_80902.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_80902.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_80902.bgImageOn .theDivider1 img { display: block; } #stacks_in_80902 { padding: 0px 30px 0px 30px; } #query_display_stacks_in_80652 { display: none; } #query_display_stacks_in_80652.query_match { display: block; } .stacks_in_80874 { aspect-ratio: 16/9; } .stacks_in_80874 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80874 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80874 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80874 .play-poster img, .stacks_in_80874 .play-poster video { transition-duration: 500ms; } .stacks_in_80874 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80874 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80874 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80874 .play-poster.animate-zoom:hover img, .stacks_in_80874 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80823{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80823{height:60vh}}@media screen and (min-width:64em){.stacks_in_80823{height:60vh}} .lines.stacks_in_80852{width:98%;margin:calc(8rem/16) auto calc(16rem/16) auto;border-bottom:6px double rgba(102, 117, 143, 0.70);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_80852.vertical{border-left:6px double rgba(102, 117, 143, 0.70);border-bottom:none;width:0;height:98%;margin:0 auto;margin-top:calc((98% - 100%)/-2)} #query_display_stacks_in_80769 { display: none; } #query_display_stacks_in_80769.query_match { display: block; } .stacks_in_80873 { aspect-ratio: 16/9; } .stacks_in_80873 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80873 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80873 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80873 .play-poster img, .stacks_in_80873 .play-poster video { transition-duration: 500ms; } .stacks_in_80873 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80873 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80873 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80873 .play-poster.animate-zoom:hover img, .stacks_in_80873 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ .stacks_in_80824{height:60vh;border:none}@media screen and (min-width:40em){.stacks_in_80824{height:60vh}}@media screen and (min-width:64em){.stacks_in_80824{height:60vh}} .lines.stacks_in_80855{width:98%;margin:calc(10rem/16) auto calc(16rem/16) auto;border-bottom:6px double rgba(102, 117, 143, 0.70);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_80855.vertical{border-left:6px double rgba(102, 117, 143, 0.70);border-bottom:none;width:0;height:98%;margin:0 auto;margin-top:calc((98% - 100%)/-2)}.lines.stacks_in_80855:after{content:"⚭";display:inline-block;position:relative;top:calc(50% - 6px/2);left:50%;transform:translateX(-50%) translateY(-50%) rotate(0deg);line-height:1;font-size:calc(30rem/16);padding:10px calc(12rem/16);color:rgba(102, 117, 143, 1.00);background:rgba(255, 255, 255, 1.00)} .stacks_in_80872 { aspect-ratio: 16/9; } .stacks_in_80872 .play-poster .play-button { background-color: rgba(102, 117, 143, 1.00); width: 20%; min-height: 20%; border-color: rgba(255, 255, 255, 1.00); border-width: 0px; transition-duration: 500ms, 500ms; } .stacks_in_80872 .play-poster .play-button:not(.circle) { border-radius: 3px; } .stacks_in_80872 .play-poster .play-button.circle { padding-top: calc(20% - 0px); } .stacks_in_80872 .play-poster img, .stacks_in_80872 .play-poster video { transition-duration: 500ms; } .stacks_in_80872 .play-poster svg { fill: rgba(255, 255, 255, 0.90); transition-duration: 500ms; } .stacks_in_80872 .play-poster:hover svg { fill: rgba(255, 255, 255, 0.90); } .stacks_in_80872 .play-poster:hover .play-button { background-color: rgba(102, 117, 143, 0.70); border-color: rgba(255, 255, 255, 1.00); } .stacks_in_80872 .play-poster.animate-zoom:hover img, .stacks_in_80872 .play-poster.animate-zoom:hover video { transform: scale(1.15) rotate(0deg); } /* */ #toTop{--elevator-image:url(../index_files/image-48634-6BF.png);--elevator-size:72px;display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:var(--elevator-size);height:var(--elevator-size);border:none;text-indent:-9999px;background-image:var(--elevator-image);background-repeat:no-repeat;background-position:left top;z-index:9988}#toTop:active,#toTop:focus{outline:none}#toTop:hover{background-position:left calc(var(--elevator-size) * -1)} 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)}