.btn-group-rounded .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}@media only screen and (min-width:600px){.btn-group-rounded-m .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded-m .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}} .nav-wrap { margin: 0 auto; overflow: visible } .nav-wrap h1, .nav-wrap h2, .nav-wrap h3, .nav-wrap h4, .nav-wrap h5, .nav-wrap h6 { margin-bottom: 0 } .nav-content { position: relative } .contained-bar { margin: 0 auto } .site-title a:hover { text-decoration: none } html:not(.menulab-js) .navbar ul, html:not(.menulab-js) .navbar li { display: block !important; position: relative !important; margin: 0 !important; padding: 0 !important; left: 0 !important; right: 0 !important } html:not(.menulab-js) .navbar .ml-arrows li::after { display: none !important } html:not(.menulab-js) .navbar a { text-align: left !important } .navbar { float: none; max-height: 0; overflow: hidden; transition: max-height .5s; margin: 0; padding: 0; list-style-type: none } .navbar ul { margin: 0 } .navbar li>ul li { white-space: nowrap } .navbar li { list-style-type: none; display: block } .navbar li a { display: block; text-decoration: none; padding: 3px 0.8em; transition: all 0.2s ease } .navbar li.has-dropdown>.ml-dropdown { padding-left: 20px } .navbar .ml-arrows .has-dropdown::after { top: 12px } .ml-dropdown, .ml-dropdown * { margin: 0; padding: 0; list-style: none } .ml-dropdown li { position: relative } .ml-dropdown ul { display: none; top: 100%; right: 0; left: auto; z-index: 99 } html:not(.touch-stripped) .ml-dropdown li:hover>ul { display: block } html.touch-stripped .ml-dropdown li.dd-open>ul { display: block } .ml-dropdown a { display: block; position: relative } .ml-dropdown ul ul { top: 0; left: 100% } .expand { max-height: 100vh } .ml-arrows .has-dropdown:after { content: ''; position: absolute; right: 6px; margin-top: 0; height: 0; width: 0; border: 5px solid transparent } .ml-arrows ul .ml-dropdown:after { margin-top: -5px; margin-right: -3px; border-color: transparent }.s-coder-stacks_in_40_2{} html,.palette0{--text-color-richer:rgba(9, 9, 9, 1.00);--text-color-normal:rgba(34, 34, 34, 1.00);--text-color-softer:rgba(59, 59, 59, 1.00);--accent-color:rgba(50, 89, 75, 1.00);--accent-color-hover:rgba(29, 29, 29, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--accent-color-alt:rgba(255, 255, 255, 1.00);--link-color:rgba(50, 89, 75, 1.00); --link-color-hover:rgba(29, 29, 29, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(255, 255, 255, 1.00);--background-color-alt:rgba(244, 244, 244, 1.00);--nav-bg:rgba(255, 255, 255, 1.00);--nav-bg-hover:rgba(105, 106, 106, 0.00);--nav-link:rgba(23, 42, 58, 1.00);--nav-link-hover:rgba(79, 125, 112, 1.00);--code-background:rgba(241, 241, 241, 1.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(63, 107, 93, 1.00);--second-color-hover:rgba(38, 38, 38, 1.00);--second-color-alt:rgba(0, 96, 132, 1.00);--base-font-size:62.5%;--container-max-width:1200px;--container-max-width-alt:800px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:1.60rem;line-height:1.60;font-weight:normal; color:rgba(34, 34, 34, 1.00);background-color:rgba(255, 255, 255, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:1.80rem}@media (min-width:600px){body{font-size:1.60rem}p.lead{font-size:1.80rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.20rem;font-weight:bold;font-style:normal;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.60rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.60rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.20rem}h3,.h3{font-size:3.60rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(21, 156, 228, 0.40)!important}.stripped-button a,.source-btn{line-height:38px;font-size:14px;border-width:1px;height:calc(38px + 2px); font-weight: bolder; text-transform: uppercase; display:inline-block;padding:0 30px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}button,input[type="submit"],input[type="reset"],input[type="button"]{text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}button:hover,button:focus,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:var(--text-color-normal);border-color:var(--text-color-softer);outline:0;text-decoration:none}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{font-size:14px;padding:6px 10px;background-color:var(--background-color);border:1px solid var(--border-color-softer);border-radius:4px;box-shadow:none;box-sizing:border-box;width:100%}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="button"],input[type="submit"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid var(--accent-color);outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600;padding:2px}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.50rem;margin-left:3rem}li ul{margin-bottom:0.50rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.50rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:transform .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1200px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:800px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{ text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}}.base-pad-basic-1,.base-pb-1{padding:20px 20px 20px 20px}.base-pad-advanced-1,.base-pa-1{padding:20px 10px 20px 10px}.base-margin-basic-1,.base-mb-1{margin:10px 10px 10px 10px}.base-margin-advanced-1,.base-ma-1{margin:0 10px 0 10px}@media (min-width:600px){ .base-margin-advanced-1,.base-ma-1{margin:0 20px 0 20px} .base-pad-advanced-1,.base-pa-1{padding:30px 20px 30px 20px}}@media (min-width:900px){ .base-margin-advanced-1,.base-ma-1{margin:0 40px 0 40px} .base-pad-advanced-1,.base-pa-1{padding:40px 40px 40px 40px}}@media (min-width:1200px){ .base-margin-advanced-1,.base-ma-1{margin:0 100px 0 100px} .base-pad-advanced-1,.base-pa-1{padding:80px 40px 80px 40px}}.base-bg-1-1,.base-bg1-1{background-color:rgba(46, 80, 70, 0.90)!important; }.base-bg-2-1,.base-bg2-1{background-color:rgba(38, 38, 38, 1.00)!important; } @font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Regular.woff2') format('woff2');font-weight:300;font-style:normal;font-display: swap;}@font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: swap;}body{ font-weight:400 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } @font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display: swap;}h1{ font-weight:900 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } #stacks_in_1181.nav-wrap { background-color: var(--nav-bg); width: 100%; padding: 0px 0px 0px 0px } #stacks_in_1181 .nav-content { z-index: 999 } #stacks_in_1181.nav-fixed, #stacks_in_1181.nav-sticky { top: 0; width: 100%; z-index: 999 } #stacks_in_1181.nav-fixed { position: fixed; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12) } #stacks_in_1181.nav-sticky { position: sticky } #stacks_in_1181 .contained-bar { max-width: var(--container-max-width) } #stacks_in_1181 .navbar li>ul { background-color: rgba(255, 255, 255, 1.00) } #stacks_in_1181 .navbar li { list-style-type: none; display: block } #stacks_in_1181 .navbar li a { color: var(--nav-link) } #stacks_in_1181 .navbar li:hover>*:first-child, #stacks_in_1181 .navbar li.active>*:first-child { color: var(--nav-link-hover) } #stacks_in_1181 .navbar li:hover, #stacks_in_1181 .navbar li.active { background-color: var(--nav-bg-hover) } #stacks_in_1181 .logo img { vertical-align: top; height: 42px; border-radius: 5px; width: auto; max-width: none } #stacks_in_1181 .logo { display: none; } #stacks_in_1181 .site-title { } #stacks_in_1181 .navbar { display: block } #stacks_in_1181 .branding { position: relative; display: flex; align-items: center; justify-content: space-between } #stacks_in_1181 .branding h4 { font-size: 20px; font-weight: normal; text-transform: uppercase; padding-left: 10px; padding-right: 10px } #stacks_in_1181 .site-title a { color: var(--accent-color); } #stacks_in_1181 .site-title a:hover { color: var(--accent-color-hover); } @media only screen and (max-width:899px) { #stacks_in_1181 .ml-dropdown { background-color: rgba(255, 255, 255, 1.00); max-height: calc(100vh - 45px); overflow-y: scroll } #stacks_in_1181 .cta { display: none } #stacks_in_1181 .navbar li { margin: 3px 0 } #stacks_in_1181 .branding { } } @media only screen and (min-width:900px) { #stacks_in_1181 .logo { display: none; margin-left: 0; padding-right: 10px } #stacks_in_1181 .site-title { display: block; } #stacks_in_1181 .cta-small { display: none } #stacks_in_1181 .branding h4 { font-size: 20px; padding-left: 0; } #stacks_in_1181 .grouped-cta, #stacks_in_1181 .cta {display: flex; flex-wrap: wrap; align-items: center} #stacks_in_1181 .branding { min-width: px; justify-content: start; } #stacks_in_1181 .logo img { height: 54px } #stacks_in_1181 .navbar { display: inline-block } #stacks_in_1181 .mob-icon { display: none } #stacks_in_1181.nav-wrap { padding: 30px 100px 12px 100px } #stacks_in_1181 .navbar { float: right; max-height: none; overflow: visible } #stacks_in_1181 .navbar, #stacks_in_1181 .nav-content { position: relative; display: flex; align-items: center; justify-content: space-between; } #stacks_in_1181 .navbar li a { padding: 0 0.8em } #stacks_in_1181 .navbar li.active, #stacks_in_1181 .navbar li:hover { border-radius: 0px } #stacks_in_1181 .navbar .ml-menu, #stacks_in_1181 .navbar .ml-menu ul { margin: 2px 1px } #stacks_in_1181 .navbar .ml-menu li { margin: 2px 1px; padding-top: 3px; padding-bottom: 3px } #stacks_in_1181 .navbar li>ul { box-shadow: 0 0 18px rgba(0, 0, 0, 0.1) } #stacks_in_1181 .navbar .ml-menu li>ul .dd-to-left>ul { right: 100% !important; left: auto !important } #stacks_in_1181 .navbar .ml-menu li>ul .dd-to-right>ul { left: 100% !important; right: auto !important } #stacks_in_1181 .navbar .ml-menu ul, #stacks_in_1181 .navbar [dir=rtl] .ml-menu>.dd-to-right>ul { display: none; position: absolute; padding: 6px; top: 100%; left: 0; right: auto; z-index: 1 } #stacks_in_1181 .navbar [dir=rtl] .ml-menu ul, #stacks_in_1181 .navbar .ml-menu>.dd-to-left>ul { left: auto; right: 0 } #stacks_in_1181 .navbar .ml-menu ul ul, #stacks_in_1181 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul { top: 0; left: 100%; right: auto } #stacks_in_1181 .navbar [dir=rtl] .ml-menu ul ul, #stacks_in_1181 .navbar .ml-menu ul .ml-dd-to-left ul { left: auto; right: 100% } #stacks_in_1181 .navbar .ml-menu li { position: relative; display: block; list-style-type: none } #stacks_in_1181 .navbar .ml-menu>li { display: inline-block } #stacks_in_1181 .navbar .ml-menu a, #stacks_in_1181 .navbar .ml-menu span { display: block; text-decoration: none; white-space: pre } #stacks_in_1181 .navbar .ml-menu li:hover>ul { display: block } #stacks_in_1181 .navbar .ml-js li:hover>ul { display: none } #stacks_in_1181 .navbar .ml-js li.dd-open>ul { display: block !important } #stacks_in_1181 .ml-arrows .has-dropdown { padding-right: 16px; *padding-right: 16px } } #stacks_in_1181 .ml-arrows .has-dropdown:after { border-top-color: darkgray; border-top-color: var(--nav-link) } #stacks_in_1181 .ml-arrows .has-dropdown.active:after { border-top-color: darkgray; border-top-color: var(--nav-link-hover) } #stacks_in_1181 .ml-arrows>li>.ml-dropdown:focus:after, #stacks_in_1181 .ml-arrows>li:hover>.ml-dropdown:after, #stacks_in_1181 .ml-arrows>.sfHover>.ml-dropdown:after { border-top-color: darkgray; border-top-color: var(--nav-link) } #stacks_in_1181 .ml-arrows ul .ml-dropdown:after { border-top-color: darkgray; border-left-color: var(--nav-link) } #stacks_in_1181 .ml-arrows ul li>.ml-dropdown:focus:after, #stacks_in_1181 .ml-arrows ul li:hover>.ml-dropdown:after, #stacks_in_1181 .ml-arrows ul .sfHover>.ml-dropdown:after { border-top-color: darkgray; border-left-color: var(--nav-link) } #stacks_in_1181 .mob-icon { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6) } #stacks_in_1181 .burg { width: 45px; height: 45px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer } #stacks_in_1181 .burg span { display: block; position: absolute; height: 6px; width: 100%; background: darkgray; background: #3D6F5E; border-radius: 6px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out } #stacks_in_1181 .burg span:nth-child(1) { top: 0 } #stacks_in_1181 .burg span:nth-child(2), #stacks_in_1181 .burg span:nth-child(3) { top: 18px } #stacks_in_1181 .burg span:nth-child(4) { top: 36px } #stacks_in_1181.ml-toggle.expand .burg span:nth-child(1) { top: 18px; width: 0%; left: 50% } #stacks_in_1181.ml-toggle.expand .burg span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #stacks_in_1181.ml-toggle.expand .burg span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #stacks_in_1181.ml-toggle.expand .burg span:nth-child(4) { top: 18px; width: 0%; left: 50% } .stacks_in_1182 .source-button{ margin-bottom: 0;}#stacks_in_1182 .button-group-btn:not(:last-child) .source-button{margin-bottom:0}#stacks_in_1182 .button-group-btn:last-child .source-button{margin-bottom: 0;}#stacks_in_1182 .s-button-group{justify-content:center}#stacks_in_1182 .s-button-group .button-group-btn:not(:last-child){padding-right:1px}@media only screen and (max-width:0px){#stacks_in_1182 .s-button-group .button-group-btn{padding-right:0!important;padding-left:0}}#stacks_in_1182 .s-button-group .button-group-btn{padding-bottom:1px} .s-container-stacks_in_1204{ }#s-wrapper-stacks_in_1204{margin:0; }#s-content-stacks_in_1204{justify-content:center; }.s-bg-stacks_in_1204{z-index:0}#s-outer-stacks_in_1204{border-radius:0px 0px 0px 0px} /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.01s 0.49s linear both; -moz-animation: asd 0.01s 0.49s linear both; animation: asd 0.01s 0.49s linear both; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } #stopWatchWrapperstacks_in_1205 { text-align: center; } #stopWatchstacks_in_1205 { display: inline-block; margin-top: 1rem; margin-bottom: 1rem; margin-left: 0; margin-right: 0; width: auto; color: #32594B; } @media screen and (max-width: 640px) { #stopWatchstacks_in_1205 { zoom: 0.5; -moz-transform: scale(0.5); } } #stopWatchWrapperstacks_in_1205 .flip-clock-label { color: #32594B; } h3.stacks_in_1206{ color:rgba(255, 255, 255, 1.00); } .walkies, .walkies-nohtml5 { height: 8px; border: none; z-index: 500; color: rgba(50, 89, 75, 1.00); width: 100%; display: block } .walkies { background: rgba(234, 234, 234, 1.00); } div.walkies, progress.walkies { position: fixed; top: 0; } progress.walkies { -webkit-appearance: none; -moz-appearance: none; appearance: none } progress.walkies::-webkit-progress-bar { background-color: transparent } progress.walkies::-webkit-progress-value { background-color: rgba(50, 89, 75, 1.00) } progress.walkies::-moz-progress-bar { background-color: rgba(50, 89, 75, 1.00) } .walkies-nohtml5 { background: #eee } .walkies-nohtml5 span { width: 0; height: 100%; display: block; text-indent: -9999px; background: rgba(50, 89, 75, 1.00) } .animated .walkies-nohtml5 span { -webkit-transition: width .3s ease; transition: width .3s ease } @media print { div.walkies, progress.walkies { display: none; } } .s-container-stacks_in_572_48{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_572_48{margin:0; }#s-content-stacks_in_572_48{justify-content:center; padding:0; }@media (min-width:600px){.s-container-stacks_in_572_48{ }#s-wrapper-stacks_in_572_48{}#s-content-stacks_in_572_48{ }}@media (min-width:900px){.s-container-stacks_in_572_48{ }#s-wrapper-stacks_in_572_48{}#s-content-stacks_in_572_48{ }}@media (min-width:1200px){.s-container-stacks_in_572_48{ }#s-wrapper-stacks_in_572_48{}#s-content-stacks_in_572_48{ }} .s-bg-stacks_in_572_48{border-radius:0px 0px 0px 0px; background-image:linear-gradient(to right,rgba(0, 96, 132, 1.00),rgba(61, 111, 94, 1.00)); }@media (min-width:600px){.s-bg-stacks_in_572_48{ }}.s-bg-stacks_in_572_48{z-index:0}#s-outer-stacks_in_572_48{border-radius:0px 0px 0px 0px} .s-container-stacks_in_572_2{ }#s-wrapper-stacks_in_572_2{margin:0; }#s-content-stacks_in_572_2{justify-content:center; }.s-bg-stacks_in_572_2{z-index:0}#s-outer-stacks_in_572_2{border-radius:0px 0px 0px 0px} .s-cols-stacks_in_572_77{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_572_77>.s-cols-item{border-radius:0px;margin-bottom:10px;width:calc((100% - calc(5 * 10px)) / 6); padding:0px 0px 0px 0px; }.s-cols-stacks_in_572_77>.s-cols-item:hover{ transform:translateY(-5px);}#stacks_out_572_77{width:100%} #stacks_out_572_77 { width: 300px; } .item_stacks_in_572_78{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_80 svg{width:40px; max-width:100%}.svg-stacks_in_572_80 svg path,.svg-stacks_in_572_80 svg line,.svg-stacks_in_572_80 svg rect,.svg-stacks_in_572_80 svg text,.svg-stacks_in_572_80 svg circle,.svg-stacks_in_572_80 svg ellipse,.svg-stacks_in_572_80 svg polygon,.svg-stacks_in_572_80 svg polyline{ fill:var(--button-primary-color)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_80 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_80 svg{background-color:rgba(11, 73, 255, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_80 svg:hover{background-color:rgba(26, 0, 247, 1.00)!important; ;border-color:rgba(26, 0, 247, 1.00);}.svg-stacks_in_572_80 svg:hover path,.svg-stacks_in_572_80 svg:hover line,.svg-stacks_in_572_80 svg:hover rect,.svg-stacks_in_572_80 svg:hover text,.svg-stacks_in_572_80 svg:hover circle,.svg-stacks_in_572_80 svg:hover ellipse,.svg-stacks_in_572_80 svg:hover polygon,.svg-stacks_in_572_80 svg:hover polyline{ }.item_stacks_in_572_83{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_84 svg{width:40px; max-width:100%}.svg-stacks_in_572_84 svg path,.svg-stacks_in_572_84 svg line,.svg-stacks_in_572_84 svg rect,.svg-stacks_in_572_84 svg text,.svg-stacks_in_572_84 svg circle,.svg-stacks_in_572_84 svg ellipse,.svg-stacks_in_572_84 svg polygon,.svg-stacks_in_572_84 svg polyline{ fill:var(--button-primary-color)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_84 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_84 svg{background-color:rgba(251, 0, 7, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_84 svg:hover{background-color:rgba(223, 42, 71, 1.00)!important; ;border-color:rgba(223, 42, 71, 1.00);}.svg-stacks_in_572_84 svg:hover path,.svg-stacks_in_572_84 svg:hover line,.svg-stacks_in_572_84 svg:hover rect,.svg-stacks_in_572_84 svg:hover text,.svg-stacks_in_572_84 svg:hover circle,.svg-stacks_in_572_84 svg:hover ellipse,.svg-stacks_in_572_84 svg:hover polygon,.svg-stacks_in_572_84 svg:hover polyline{ }.item_stacks_in_572_87{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_88 svg{width:40px; max-width:100%}.svg-stacks_in_572_88 svg path,.svg-stacks_in_572_88 svg line,.svg-stacks_in_572_88 svg rect,.svg-stacks_in_572_88 svg text,.svg-stacks_in_572_88 svg circle,.svg-stacks_in_572_88 svg ellipse,.svg-stacks_in_572_88 svg polygon,.svg-stacks_in_572_88 svg polyline{ fill:var(--button-primary-color)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_88 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_88 svg{background-color:rgba(34, 34, 34, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_88 svg:hover{background-color:rgba(13, 5, 9, 1.00)!important; ;border-color:rgba(13, 5, 9, 1.00);}.svg-stacks_in_572_88 svg:hover path,.svg-stacks_in_572_88 svg:hover line,.svg-stacks_in_572_88 svg:hover rect,.svg-stacks_in_572_88 svg:hover text,.svg-stacks_in_572_88 svg:hover circle,.svg-stacks_in_572_88 svg:hover ellipse,.svg-stacks_in_572_88 svg:hover polygon,.svg-stacks_in_572_88 svg:hover polyline{ }.item_stacks_in_572_91{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_92 svg{width:40px; max-width:100%}.svg-stacks_in_572_92 svg path,.svg-stacks_in_572_92 svg line,.svg-stacks_in_572_92 svg rect,.svg-stacks_in_572_92 svg text,.svg-stacks_in_572_92 svg circle,.svg-stacks_in_572_92 svg ellipse,.svg-stacks_in_572_92 svg polygon,.svg-stacks_in_572_92 svg polyline{ fill:var(--button-primary-color)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_92 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_92 svg{background-color:rgba(34, 34, 34, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_92 svg:hover{ ;}.svg-stacks_in_572_92 svg:hover path,.svg-stacks_in_572_92 svg:hover line,.svg-stacks_in_572_92 svg:hover rect,.svg-stacks_in_572_92 svg:hover text,.svg-stacks_in_572_92 svg:hover circle,.svg-stacks_in_572_92 svg:hover ellipse,.svg-stacks_in_572_92 svg:hover polygon,.svg-stacks_in_572_92 svg:hover polyline{ }.item_stacks_in_572_95{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_96 svg{width:40px; max-width:100%}.svg-stacks_in_572_96 svg path,.svg-stacks_in_572_96 svg line,.svg-stacks_in_572_96 svg rect,.svg-stacks_in_572_96 svg text,.svg-stacks_in_572_96 svg circle,.svg-stacks_in_572_96 svg ellipse,.svg-stacks_in_572_96 svg polygon,.svg-stacks_in_572_96 svg polyline{ fill:rgba(34, 34, 34, 1.00)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_96 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_96 svg{background-color:rgba(247, 246, 11, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_96 svg:hover{background-color:rgba(254, 232, 96, 1.00)!important; ;border-color:rgba(254, 232, 96, 1.00);}.svg-stacks_in_572_96 svg:hover path,.svg-stacks_in_572_96 svg:hover line,.svg-stacks_in_572_96 svg:hover rect,.svg-stacks_in_572_96 svg:hover text,.svg-stacks_in_572_96 svg:hover circle,.svg-stacks_in_572_96 svg:hover ellipse,.svg-stacks_in_572_96 svg:hover polygon,.svg-stacks_in_572_96 svg:hover polyline{ }.item_stacks_in_572_99{justify-content:flex-start;overflow:hidden; } .svg-stacks_in_572_100 svg{width:40px; max-width:100%}.svg-stacks_in_572_100 svg path,.svg-stacks_in_572_100 svg line,.svg-stacks_in_572_100 svg rect,.svg-stacks_in_572_100 svg text,.svg-stacks_in_572_100 svg circle,.svg-stacks_in_572_100 svg ellipse,.svg-stacks_in_572_100 svg polygon,.svg-stacks_in_572_100 svg polyline{stroke:rgba(0, 0, 0, 1.00)!important; fill:rgba(255, 109, 68, 1.00)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_572_100 svg:hover{ transition:all 250ms ease-in-out!important}.svg-stacks_in_572_100 svg{background-color:rgba(192, 0, 241, 1.00)!important; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 10px}.svg-stacks_in_572_100 svg:hover{ ;}.svg-stacks_in_572_100 svg:hover path,.svg-stacks_in_572_100 svg:hover line,.svg-stacks_in_572_100 svg:hover rect,.svg-stacks_in_572_100 svg:hover text,.svg-stacks_in_572_100 svg:hover circle,.svg-stacks_in_572_100 svg:hover ellipse,.svg-stacks_in_572_100 svg:hover polygon,.svg-stacks_in_572_100 svg:hover polyline{stroke:rgba(51, 195, 240, 1.00)!important; fill:rgba(223, 42, 71, 1.00)!important; }#p-stacks_in_572_18 p{ margin-bottom: 0; }#p-stacks_in_572_18 p.lead{}#p-stacks_in_572_18 a{color:var(--link-color);}#p-stacks_in_572_18 a:hover{color:var(--link-color-hover); } #stacks_in_572_18 { padding: 20px; } @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_572_43 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_572_43 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_572_43 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_572_43 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 70%; /* */ position: relative; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 1000; /* */ /* */ max-width: 880px; /* */ /* */ /* */ top: 0px; /* */ /* */ /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ /* */ background: #004F6B; background: linear-gradient(to bottom, #004F6B, #32594B); /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_572_43.show { opacity: 1; visibility: visible; } #notice_stacks_in_572_43.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_572_43.cookie-hide { display: none; } #notice_stacks_in_572_43 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 700px; padding: 10px 10px 35px 10px; } #notice_stacks_in_572_43 .notice-inner { clear: both; margin: 0 auto; max-width: 700px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 35px 10px; /* */ text-align: left; /* */ /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_572_43 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_572_43 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 138, 101, 1.00); padding: 0px 20px 0px 20px; } #notice_stacks_in_572_43 .notice-inner-icon i { font-size: 50px; vertical-align: middle; } #notice_stacks_in_572_43 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_572_43 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_572_43 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_572_43 .notice-action i { vertical-align: middle; } #notice_stacks_in_572_43 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_572_43 .notice-action-close:hover { /* */ } #notice_stacks_in_572_43 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_572_43 .notice-action-custom:hover { /* */ } #notice_stacks_in_572_43 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_572_43 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_572_43 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_572_43 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_572_43 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_572_43 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_572_43 { width: 100%; } #notice_stacks_in_572_43 *::-ms-backdrop, #notice_stacks_in_572_43 #notice_stacks_in_572_43 { width: 100%; } } /* */ #dontateStackWrapperstacks_in_572_23 *, #dontateStackWrapperstacks_in_572_23:before, #dontateStackWrapperstacks_in_572_23:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #donateStackstacks_in_572_23 { padding: 0; margin: 0; border none: position: relative; overflow: hidden; } #donateStackstacks_in_572_23 label { margin: 0; padding: 0; font-size: 18px; display: block; color: rgba(255, 255, 255, 1.00); } ::-webkit-input-placeholder { /* Chrome */ color: rgba(255, 255, 255, 1.00); } :-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 1.00); } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 1.00); opacity: 1; } :-moz-placeholder { /* Firefox 4 - 18 */ color: rgba(255, 255, 255, 1.00); opacity: 1; } #donateStackstacks_in_572_23 input[type='text'], #donateStackstacks_in_572_23 input[type='number'], #donateStackstacks_in_572_23 input[type='email']{ width: 100%; height: auto; padding: 10px; margin: 0; border-radius: 5px; box-shadow: none; border: 1px solid rgba(50, 89, 75, 1.00); font-size: 18px; background: rgba(255, 255, 255, 0.00); transition: all 300ms ease-in-out; } .dontateStackVerticalSpacer { display: block; position: relative; height: 20px; } #donateStackstacks_in_572_23 input:active, #donateStackstacks_in_572_23 input:focus { outline: none; box-shadow: none; border: 1px solid rgba(128, 128, 128, 1.00); background: rgba(255, 255, 255, 0.00); color: rgba(255, 255, 255, 1.00); } @media screen and (min-width: 768px) { #donateStackAddressBeforestacks_in_572_23 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #donateStackAddressBeforestacks_in_572_23 div.formElementWrapper { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } #donateStackSubmitAreastacks_in_572_23 { display: flex; } #donateStackSubmitAreastacks_in_572_23 img, #donateStackSubmitAreastacks_in_572_23 input[type='image'] { left: -9999px; top: 0; position: absolute; } #donateStackSubmitAreastacks_in_572_23 input[type='number'] { border-radius: 5px 0px 0px 5px; border-right: none; margin-bottom: 0px; color: rgba(255, 255, 255, 1.00); } #donateStackSubmitAreastacks_in_572_23 input[type='submit'] { background: rgba(50, 89, 75, 1.00); border-radius: 0px 5px 5px 0px; padding: 10px; margin: 0; border: none; color: rgba(255, 255, 255, 1.00); width: auto; font-size: 18px; transition: all 300ms ease-in-out; -webkit-appearance: none; } #donateStackSubmitAreastacks_in_572_23 input[type='submit']:hover, #donateStackSubmitAreastacks_in_572_23 input[type='submit']:focus, #donateStackSubmitAreastacks_in_572_23 input[type='submit']:active { background: rgba(50, 89, 75, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_572_23 { margin: 20px; padding: 20px; } h3.stacks_in_572_57{ font-weight:normal; margin-bottom: 0;} @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_572_103 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_572_103 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_572_103 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_572_103 { /* */ /* */ opacity: 0; left: 10px; right: 10px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 9000; /* */ /* */ max-width: 400px; /* */ /* */ /* */ /* */ bottom: 10px; /* */ /* */ /* */ /* */ /* */ margin-left: auto; /* */ /* */ /* */ /* */ background: #243B55; background: linear-gradient(to bottom, #243B55, #32594B); /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 5px 5px 5px 5px; } #notice_stacks_in_572_103.show { opacity: 1; visibility: visible; } #notice_stacks_in_572_103.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_572_103.cookie-hide { display: none; } #notice_stacks_in_572_103 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 30px 10px 30px; } #notice_stacks_in_572_103 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px 30px 10px 30px; /* */ /* */ text-align: center; /* */ /* */ /* */ } #notice_stacks_in_572_103 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_572_103 .notice-inner-icon { /* */ /* */ /* */ text-align: center; /* */ /* */ /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 193, 7, 1.00); padding: 0px 10px 30px 10px; } #notice_stacks_in_572_103 .notice-inner-icon i { font-size: 50px; vertical-align: middle; } #notice_stacks_in_572_103 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_572_103 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_572_103 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: rgba(255, 255, 255, 0.50); background: rgba(30, 31, 41, 0.00); /* */ } #notice_stacks_in_572_103 .notice-action i { vertical-align: middle; } #notice_stacks_in_572_103 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.20); } #notice_stacks_in_572_103 .notice-action-close:hover { /* */ color: rgba(229, 57, 53, 1.00); background: rgba(30, 31, 41, 1.00); /* */ } #notice_stacks_in_572_103 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.20); } #notice_stacks_in_572_103 .notice-action-custom:hover { /* */ color: rgba(255, 255, 255, 1.00); background: rgba(33, 150, 243, 1.00); /* */ } #notice_stacks_in_572_103 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_572_103 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_572_103 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_572_103 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_572_103 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_572_103 .notice-action div { height: 50%; width: 100%; } } /* */ .stacks_in_572_110 .source-button{ }#stacks_in_572_110 .button-group-btn:not(:last-child) .source-button{margin-bottom:0}#stacks_in_572_110 .button-group-btn:last-child .source-button{}.stacks_in_572_110 a{color:rgba(255, 255, 255, 1.00);background-color:rgba(50, 89, 75, 1.00);border-color:rgba(51, 195, 240, 1.00)}.stacks_in_572_110 a:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 124, 163, 1.00);border-color:rgba(255, 255, 255, 1.00)}#stacks_in_572_110 .s-button-group{justify-content:center}#stacks_in_572_110 .s-button-group .button-group-btn:not(:last-child){padding-right:1px}@media only screen and (max-width:0px){#stacks_in_572_110 .s-button-group .button-group-btn{padding-right:0!important;padding-left:0}}#stacks_in_572_110 .s-button-group .button-group-btn{padding-bottom:1px}