/* -- Start Swell Page css Template -- */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* -- End Swell Page css Template -- *//* Start doore stack page CSS code */ .doo-re-grid{ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: top; } .doo-re-grid *, .doo-re-grid *:after, .doo-re-grid *:before { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } [class*='re-col-'] { display: inline-block; } .re-col-desk-0 { width: 0; display: none; } .re-col-desk-1 { width: 8.333333%; display: inline-block; } .re-col-desk-2 { width: 16.666666%; display: inline-block; } .re-col-desk-3 { width: 25%; display: inline-block; } .re-col-desk-4 { width: 33.333333%; display: inline-block; } .re-col-desk-5 { width: 41.666666%; display: inline-block; } .re-col-desk-6 { width: 50%; display: inline-block; } .re-col-desk-7 { width: 58.333333%; display: inline-block; } .re-col-desk-8 { width: 66.666666%; display: inline-block; } .re-col-desk-9 { width: 75%; display: inline-block; } .re-col-desk-10 { width: 83.333333%; display: inline-block; } .re-col-desk-11 { width: 91.666666%; display: inline-block; } .re-col-desk-12 { width: 100%; display: inline-block; } /* End doore stack page CSS code *//* Start dooMontage 2 stack page CSS code */ /*! * Justified Gallery - v3.6.1 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2015 Miro Mannino * Licensed under the MIT license. */ @-webkit-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.doocaption,.justified-gallery>div>.doocaption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:600;font-family:sans-serif}.justified-gallery>a>.doocaption.doocaption-visible,.justified-gallery>div>.doocaption.doocaption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-doocaption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-doocaption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-doocaption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px} /* End dooMontage 2 stack page CSS code */ #stacks_in_489 { background-color: rgba(255, 255, 255, 1.00); padding: 4px 0px 0px 0px; } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_489_2 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_489_2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_489_2 .clean-menu-extra { display: none; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_489_2.cm-full-menu li > a:hover, #clean-menu_stacks_in_489_2 li > a:hover { text-decoration: none; } #stacks_in_489_2 nav { border: 0px solid transparent; } #clean-menu_stacks_in_489_2 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_489_2 ul { margin: 0; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_489_2 ul li > a:after, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_489_2.cm-full-menu, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > div, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > div a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_489_2.cm-full-menu, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_489_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_489_2.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_489_2.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_489_2.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_489_2 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_489_2.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_489_2 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_489_2 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_489_2 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_489_2 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_489_2 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_489_2 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_489_2 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_489_2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_489_2 > div { align-self: center; } #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_489_2 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_489_2 .clean-menu-logo { max-width: 200px; min-width: 200px; margin: 0; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-wrap { max-width: 200px; min-width: 200px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_489_2 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_489_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_489_2 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_489_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_489_2 > div:nth-child(2), #clean-menu_stacks_in_489_2 > div:nth-child(3) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_489_2 > div:nth-child(3) { /* margin-left: 10px; */ } #clean-menu_stacks_in_489_2 > div:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_489_2 > div.clean-menu-top-level:nth-child(2) ul li:last-child, #clean-menu_stacks_in_489_2 > div.clean-menu-top-level:nth-child(3) ul li:first-child { margin: 0 15px; } #clean-menu_stacks_in_489_2 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:last-child, #clean-menu_stacks_in_489_2 > div.clean-menu-top-level:nth-child(3) > ul > li > ul li:first-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_489_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: inherit; font-weight: bold; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a { font-family: Global Content 524; } #clean-menu-full_stacks_in_489_2.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_489_2 li > a svg, #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_489_2 .cm-toggle span { background: #6B0036; } #clean-menu_stacks_in_489_2 h1, #clean-menu_stacks_in_489_2 h2, #clean-menu_stacks_in_489_2 h3, #clean-menu_stacks_in_489_2 h4, #clean-menu_stacks_in_489_2 h5, #clean-menu_stacks_in_489_2 h6, #clean-menu_stacks_in_489_2 .layouts-text, #clean-menu_stacks_in_489_2 p { color: rgba(107, 0, 54, 1.00); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_489_2.cm-full-menu, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul { background: rgba(153, 153, 153, 1.00); } #clean-menu-full_stacks_in_489_2.cm-full-menu > ul > li, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_489_2.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul li:before { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(255, 255, 255, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_489_2.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); } .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_489_2 .clean-menu-logo { margin: 0; width: auto; max-width: 200px; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; max-width: 200px; width: 100%; float: right; } #clean-menu_stacks_in_489_2 .clean-menu-full { width: 200px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_489_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_489_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } #clean-menu-full_stacks_in_489_2.cm-full-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_489_2.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_489_2.cm-full-menu { } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:visited { color: rgba(255,255,255,.6); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a svg { fill: rgba(255,255,255,.6); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:hover { color: rgba(255,255,255,.9); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a:hover svg { fill: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(255,255,255,.6); cursor: default; } */ #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-current > a { color: rgba(255,255,255,1); } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(255,255,255,1); } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(255,255,255,.6); } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(255,255,255,.6); } */ #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255,255,255,1); } #clean-menu_stacks_in_489_2 .cm-toggle span { background: rgba(255,255,255,1); } #clean-menu_stacks_in_489_2 h1, #clean-menu_stacks_in_489_2 h2, #clean-menu_stacks_in_489_2 h3, #clean-menu_stacks_in_489_2 h4, #clean-menu_stacks_in_489_2 h5, #clean-menu_stacks_in_489_2 h6, #clean-menu_stacks_in_489_2 .layouts-text, #clean-menu_stacks_in_489_2 p { color: rgba(255,255,255,1); } .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(255,255,255,.6); border-color: rgba(255,255,255,.6); } .cm-sticky-wrap_stacks_in_489_2 { transition: background 300ms ease; background: transparent; } .cm-sticky-wrap_stacks_in_489_2.cm-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(102, 102, 102, 1.00); } .cm-sticky-wrap_stacks_in_489_2.cm-sticky > #clean-menu-full_stacks_in_489_2.cm-full-menu { z-index: 9999; } .cm-sticky-wrap_stacks_in_489_2.cm-sticky #clean-menu_stacks_in_489_2.clean-menu { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_489_2.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_489_2 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_489_2 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_489_2 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_489_2.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_489_2 > div { } #clean-menu_stacks_in_489_2.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_489_2 { min-width: 300px; } #clean-menu_stacks_in_489_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_489_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_489_2 .clean-menu-top-level { display: none; } #clean-menu_stacks_in_489_2.clean-menu { justify-content: center; } #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { float: none; } #clean-menu_stacks_in_489_2 .clean-menu-full { max-width: 40px !important; min-width: 40px; width: 100% !important; } #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { float: none; margin: 0 auto; } #clean-menu_stacks_in_489_2 > .clean-menu-logo, #clean-menu_stacks_in_489_2 > .clean-menu-logo:nth-child(1), #clean-menu_stacks_in_489_2 > .clean-menu-logo:nth-child(2), #clean-menu_stacks_in_489_2 > .clean-menu-logo:nth-child(3) { max-width: 100%; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_489_2 .clean-menu-logo .cm-logo-wrap { margin: 0 auto; justify-content: center; float: none; } #stacks_in_489_2 nav:after { content: ""; flex: 1; max-width: 40px; min-width: 40px; } @media all and (max-width: 352px) { #stacks_in_489_2 nav:after {display: none} #clean-menu_stacks_in_489_2 .clean-menu-logo {min-width: 257px} } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_489_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_489_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_489_2 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_489_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_489_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_489_2 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_489_2 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_489_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_489_2 .clean-menu-logo { } #clean-menu_stacks_in_489_2 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_489_2 { background-color: rgba(107, 0, 54, 1.00); } #stacks_in_489_15 { padding: 5px 0px 0px 0px; } #stacks_out_489_15 { width: 150px; } /* -- Start Swell Each css Template -- */ #stacks_in_489_5{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_489_5swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_489_5swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_489_5swell{ max-width: 400px; } .stacks_in_489_5swell img{ width: 100%; max-width: 400px; height: auto; } .stacks_in_489_5swell-with-zoom .mfp-container,.stacks_in_489_5swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_489_5swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_489_5swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_489_5swell-with-zoom.mfp-removing .mfp-container,.stacks_in_489_5swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_489_5 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_489_5 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_489_5 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_489_5 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 250px) { #stacks_in_489_5 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_489_5 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_489_5 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_489_5 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_489_5 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_489_5 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_489_5 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- *//* -- Start Eternity2 Each css Template -- */ .stacks_in_149eternityContainer { overflow: hidden; position: relative; } .stacks_in_149eternityContainer { background-image: url("") !important; background-position: 50% 50% !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .stacks_in_149overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../files/eternity2Assets/00.png") !important; } .stacks_in_149contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_149content{ max-width: 1000px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: left; } .stacks_in_149content,.stacks_in_149content h1,.stacks_in_149content h2,.stacks_in_149content h3,.stacks_in_149content h4,.stacks_in_149content h5,.stacks_in_149content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_149content a,.stacks_in_149content a:active,.stacks_in_149content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_149content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_149eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_149eternityScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; } .stacks_in_149eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_149eternityContainer { min-height: 500px; } .stacks_in_149contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- */#stacks_in_525>.s3_row { margin: 0 -10px; } #stacks_in_525>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_525>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_525>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_525>.s3_row { margin: -10px 0; } #stacks_in_525>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Textalign Each css Template -- */ #stacks_in_519 { text-align: left !important; } #stacks_in_519 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_519 { text-align: left !important; } #stacks_in_519 img { margin: 0 auto !important; } #stacks_in_519 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_519 { text-align: left !important; } #stacks_in_519 img { margin: 0 auto !important; } #stacks_in_519 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- *//* -- Start Textalign Each css Template -- */ #stacks_in_523 { text-align: left !important; } #stacks_in_523 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_523 { text-align: left !important; } #stacks_in_523 img { margin: 0 auto !important; } #stacks_in_523 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_523 { text-align: left !important; } #stacks_in_523 img { margin: 0 auto !important; } #stacks_in_523 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */#stacks_out_502, #stacks_in_502 { overflow: visible; } #press_group_stacks_in_502 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } #press_group_stacks_in_502 [tag="node"]:first-child { width: 100% !important; } #press_group_stacks_in_502 .out.stack:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #press_group_stacks_in_502 .out.stack:first-child .out { width: 100% !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; margin-left: 0 !important; margin-right: 0 !important; } #press_group_stacks_in_502 .out.stack:first-child [tag="slice"] .mez { padding: 1px; margin: 0px; margin-left: 0 !important; margin-right: 0 !important; } #press_group_stacks_in_502 .out.stack:first-child [tag="slice"] .press-lite { border-radius: 0px; } #press_group_stacks_in_502 .out.stack:first-child [tag="slice"]:first-child .press, #press_group_stacks_in_502 .out.stack:first-child [tag="slice"]:first-child .press-lite { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #press_group_stacks_in_502 .out.stack:first-child [tag="slice"]:last-child .press, #press_group_stacks_in_502 .out.stack:first-child [tag="slice"]:last-child .press-lite { margin-right: 0px !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #press_group_stacks_in_502 .press-text [tag="node"] { min-width: 0px !important; } #press_group_stacks_in_502 .press { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 12px; padding-bottom: 12px; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; margin-left: 0 !important; margin-right: 0px !important; border-radius: 0px; } #press_group_stacks_in_502 .press-lite-wrap .press-lite { border-radius: 0px; } #press_group_stacks_in_502 .press:first-child, #press_group_stacks_in_502 .press:first-of-type, #press_group_stacks_in_502 .press-lite-wrap:first-child .press-lite, #press_group_stacks_in_502 .press-lite-wrap:first-of-type .press-lite { /* */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; /* */ } #press_group_stacks_in_502 .press:last-child, #press_group_stacks_in_502 .press:last-of-type, #press_group_stacks_in_502 .press-lite-wrap:last-child .press-lite, #press_group_stacks_in_502 .press-lite-wrap:last-of-type .press-lite { /* */ margin-right: 0px !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; /* */ } #press_group_stacks_in_502 [id*="press_alignment"] { width: auto !important; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; text-align: left !important; } #press_group_stacks_in_502 [id*="press_alignment"] .press { padding-top: 12px; padding-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; margin-left: 0 !important; margin-right: 0px !important; } #press_group_stacks_in_502 .press-lite-wrap .press-lite{ margin-right: 0px !important; } #press_group_stacks_in_502 [id*="press_alignment"] .press:last-child, #press_group_stacks_in_502 [id*="press_alignment"] .press:first-child, #press_group_stacks_in_502 [id*="press_alignment"] .press:first-of-type, #press_group_stacks_in_502 [id*="press_alignment"] .press:last-of-type { border-radius: 0px; } #press_group_stacks_in_502 [id*="press_alignment"]:first-child .press { /* */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; /* */ } #press_group_stacks_in_502 [id*="press_alignment"]:last-child .press { /* */ margin-right: 0px !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; /* */ } #press_group_stacks_in_502 [id*="press_alignment"]:first-child .press-lite-wrap .press-lite { /* */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; /* */ } #press_group_stacks_in_502 [id*="press_alignment"]:last-child .press-lite-wrap .press-lite { /* */ margin-right: 0px !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; /* */ } @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_164_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ /* */ background: #010000; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#010000), to(#EEA108)); background: linear-gradient(to bottom, #010000, #EEA108); background-origin: border-box; background-repeat: no-repeat; background-size: cover; /* */ /* */ /* */ /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_164_press.press-lite:focus {outline:0;} #stacks_in_164_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 20px 12px 0px; } #stacks_in_164_press.press-lite { white-space: nowrap; } #stacks_in_164_press.press-lite .press-lite-text span, #stacks_in_164_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ font-weight: bold; /* */ } #stacks_in_164_press.press-lite, #stacks_in_164_press.press-lite .press-lite-text, #stacks_in_164_press.press-lite .press-lite-text:after, #stacks_in_164_press.press-lite .press-lite-text > span, #stacks_in_164_press.press-lite .press-lite-icon i, #stacks_in_164_press.press-lite .press-lite-icon img, #stacks_in_164_press.press-lite .press-lite-icon svg, #stacks_in_164_press.press-lite .press-lite-icon svg path, #stacks_in_164_press.press-lite .press-lite-icon svg polyline, #stacks_in_164_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_164_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_164_press.press-lite .press-lite-icon i, #stacks_in_164_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_164_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_164_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_164_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_164_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_164_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_164_press.press-lite:active, #stacks_in_164_press.press-lite:focus { transform: translate(0,0); } /* */ #stacks_in_164_press.press-lite .press-lite-icon { display: none; } /* */ /* */ #stacks_in_164_press.press-lite:hover { background: rgba(173, 0, 108, 1.00); } /* */ /* */ /* */ /* */ /* */ #stacks_in_164_press.press-lite { padding: 0px 24px; } #stacks_in_164_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 0px; } #stacks_in_164_press.press-lite .press-lite-icon { margin-top: 12px; } /* */ #stacks_in_164_press.press-lite .press-lite-text { display: inline-grid; grid-template-columns: 1fr; height: 16px; text-align: center; overflow: hidden; box-sizing: content-box; } #stacks_in_164_press.press-lite .press-lite-text > span { transform: translateY(0px); height: 16px; } #stacks_in_164_press.press-lite .press-lite-text:after { height: 16px; content: "Danke!"; transform: translateY(16px); } #stacks_in_164_press.press-lite:hover .press-lite-text > span { transform: translateY(-32px); } #stacks_in_164_press.press-lite:hover .press-lite-text:after { transform: translateY(-16px); } /* */ /* */ #stacks_in_164_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_164_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_164_press.press-lite .press-lite-line-t, #stacks_in_164_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_164_press.press-lite .press-lite-line-l, #stacks_in_164_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_164_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_164_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_164_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_164_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_164_press.press-lite:before { content: ""; position: absolute; background: transparent; z-index: 0; left: 0; right: 0; bottom: 0; top: 0; box-shadow: 0px 0px 0px 0px rgba(245, 167, 10, 1.00); border-radius: 4px; opacity: 1; } #stacks_in_164_press.press-lite:hover:before { box-shadow: 0px 0px 0px 20px rgba(245, 167, 10, 1.00); opacity: 0; transition: all 500ms linear; } /* */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_167_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ /* */ background: #010000; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#010000), to(#EEA108)); background: linear-gradient(to bottom, #010000, #EEA108); background-origin: border-box; background-repeat: no-repeat; background-size: cover; /* */ /* */ /* */ /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_167_press.press-lite:focus {outline:0;} #stacks_in_167_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 20px 12px 0px; } #stacks_in_167_press.press-lite { white-space: nowrap; } #stacks_in_167_press.press-lite .press-lite-text span, #stacks_in_167_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ font-weight: bold; /* */ } #stacks_in_167_press.press-lite, #stacks_in_167_press.press-lite .press-lite-text, #stacks_in_167_press.press-lite .press-lite-text:after, #stacks_in_167_press.press-lite .press-lite-text > span, #stacks_in_167_press.press-lite .press-lite-icon i, #stacks_in_167_press.press-lite .press-lite-icon img, #stacks_in_167_press.press-lite .press-lite-icon svg, #stacks_in_167_press.press-lite .press-lite-icon svg path, #stacks_in_167_press.press-lite .press-lite-icon svg polyline, #stacks_in_167_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_167_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_167_press.press-lite .press-lite-icon i, #stacks_in_167_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_167_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_167_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_167_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_167_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_167_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_167_press.press-lite:active, #stacks_in_167_press.press-lite:focus { transform: translate(0,0); } /* */ #stacks_in_167_press.press-lite .press-lite-icon { display: none; } /* */ /* */ #stacks_in_167_press.press-lite:hover { background: rgba(173, 0, 108, 1.00); } /* */ /* */ /* */ /* */ /* */ #stacks_in_167_press.press-lite { padding: 0px 24px; } #stacks_in_167_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 0px; } #stacks_in_167_press.press-lite .press-lite-icon { margin-top: 12px; } /* */ #stacks_in_167_press.press-lite .press-lite-text { display: inline-grid; grid-template-columns: 1fr; height: 16px; text-align: center; overflow: hidden; box-sizing: content-box; } #stacks_in_167_press.press-lite .press-lite-text > span { transform: translateY(0px); height: 16px; } #stacks_in_167_press.press-lite .press-lite-text:after { height: 16px; content: "Danke!"; transform: translateY(16px); } #stacks_in_167_press.press-lite:hover .press-lite-text > span { transform: translateY(-32px); } #stacks_in_167_press.press-lite:hover .press-lite-text:after { transform: translateY(-16px); } /* */ /* */ #stacks_in_167_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_167_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_167_press.press-lite .press-lite-line-t, #stacks_in_167_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_167_press.press-lite .press-lite-line-l, #stacks_in_167_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_167_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_167_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_167_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_167_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_167_press.press-lite:before { content: ""; position: absolute; background: transparent; z-index: 0; left: 0; right: 0; bottom: 0; top: 0; box-shadow: 0px 0px 0px 0px rgba(245, 167, 10, 1.00); border-radius: 4px; opacity: 1; } #stacks_in_167_press.press-lite:hover:before { box-shadow: 0px 0px 0px 20px rgba(245, 167, 10, 1.00); opacity: 0; transition: all 500ms linear; } /* */ /* */ #icon-menu-stacks_in_565 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #icon-menu-stacks_in_565 .icon-menu-toggle { /* */ /* */ background: rgba(1, 0, 0, 1.00); background: linear-gradient(to bottom, rgba(1, 0, 0, 1.00), rgba(238, 162, 8, 1.00)); /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(151, 150, 158, 1.00); margin: 10px 0px; padding: 10px 20px; line-height: 25.888000px; border-radius: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none !important; } #icon-menu-stacks_in_565 .icon-menu-toggle i { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 24px; } #icon-menu-stacks_in_565 .icon-menu-toggle span { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #icon-menu-stacks_in_565 .icon-menu-toggle:hover { /* */ background: rgba(173, 0, 108, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #icon-menu-stacks_in_565 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_565 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_565 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_565 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_565.icon-menu-nav { padding: 10px 10px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_565.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_565.icon-menu-nav .icon-menu-nav-close { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 10px 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_565.icon-menu-nav .icon-menu-nav-close span { /* */ font-family: "Varela"; /* */ font-size: 16px; line-height: 25.888000px; color: rgba(255, 255, 255, 1.00); text-transform: none; } #icon-menu-nav-stacks_in_565.icon-menu-nav .icon-menu-nav-close i { padding: 0; color: rgba(0, 0, 0, 0.50); width: 18px; height: 18px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul { max-width: 450px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; margin: 0 0 auto 0; list-style-type: none; z-index: 9999999999; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li { width: 33.333332%; padding: 10px 10px; opacity: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a { color: #97969E; padding: 10px 10px; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ color: rgba(62, 60, 75, 1.00); width: 50px; height: 50px; font-size: 36px; border-radius: 50px; margin: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(151, 150, 158, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(50, 97, 251, 0.50); } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_565.openyo.close ul { -webkit-animation: menu-leave 0.3s; animation: menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_565.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_565.openyo ul { -webkit-animation: menu-enter 0.4s; animation: menu-enter 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_565.openyo ul li { -webkit-animation: item-enter 0.4s 0.6s; animation: item-enter 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_565.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_565.full-page { opacity: 0; display: none; -webkit-transform: scale(0.5); transform: scale(0.5); padding: 10px 10px 15px 10px; } #icon-menu-nav-stacks_in_565.full-page .icon-menu-nav-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_565.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_565.full-page.openyo { /* */ background: rgba(62, 60, 75, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: full-menu-enter 0.4s 0.1s; animation: full-menu-enter 0.4s 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_565.full-page.openyo .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_565.full-page.openyo.close { -webkit-animation: full-menu-leave 0.3s; animation: full-menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_565.popup ul { margin-bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-transform: scale(0); transform: scale(0); padding: 10px 10px 15px 10px; border-radius: 4px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* */ background: rgba(62, 60, 75, 1.00); /* */ /* */ /* */ } #icon-menu-nav-stacks_in_565.popup ul .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_565.popup .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #icon-menu-nav-stacks_in_565.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_565.labels-top ul li a { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #icon-menu-nav-stacks_in_565.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } #icon-menu-nav-stacks_in_565.hide-item-labels ul li a .icon-menu-nav-label { display: none; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_565.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 40px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @media (max-width: 400px) { #icon-menu-nav-stacks_in_565.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 35px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_565.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @-webkit-keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_566.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_568.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_565 #icon-menu-item-stacks_in_570.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } /* -- EACH CSS Template -- */ #stacks_in_563 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_563 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_563_default26_hype_container, #stacks_in_563 .HYPE_document, #stacks_in_563 .back_wrapper_26, #stacks_in_563 .back_wrapper { pointer-events: none !important; } #stacks_in_563_default26_hype_container { direction:ltr !important; margin:auto; display: block !important; } #stacks_in_563 .size26 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; min-height: 500px !important; } #stacks_in_563 .back_wrapper_26 { max-width: 1300px; text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; } #stacks_in_563 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } @media (max-width: 600px) { #stacks_in_563 .size26 { min-height: 150px !important; height:auto; } } @media (max-width: 300px) { #stacks_in_563 .size26 { min-height: 150px !important; height:auto; } } #stacks_in_563 .hype-26-bg { background-image: url(../files/stack_drag_image-563.png) !important; background-position: 50% 0% !important; background-size: cover !important; } #stacks_in_563 .hype-26-overlay { } #stacks_in_563 .hype-26-overlay-anim { background-color: rgba(0, 0, 0, 0.40) !important; } #stacks_in_563 .hype_text_26, #stacks_in_563 .hype_text_26_back { font-size: 130px !important; letter-spacing: 0px !important; line-height: 130px !important; font-family: "Raleway Bold", sans-serif !important; padding-top: 231px !important; padding-right: 0% !important; padding-left: 0% !important; } #stacks_in_563 .hype_text_26_back { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_563 .hype_text_26 { color: #558198 !important; -webkit-transform: translate3d(0,0,0) !important; -moz-background-clip: text !important; -webkit-background-clip: text !important; text-shadow: 0 0 rgba(0, 0, 0, 0) !important; color: transparent !important; background-position: 50% 0% !important; background-size: cover !important; background-image: url(../files/stack_drag_image-563.png) !important; } #stacks_in_563 .hype-26-shape, #stacks_in_563 .hype-26-circle { background-color: rgba(249, 249, 249, 0.10) !important; } #stacks_in_563 .hype-26-shape { display: none !important; } #stacks_in_563 .hype-26-circle { display: block !important; } #stacks_in_563 .hype-link-hover-group, #stacks_in_563 .hype-link-hover, #stacks_in_563 .hype-link-hover-blank { display: block !important; } #stacks_in_563 .hype-link-hover { } #stacks_in_563 .trigger-1 { margin-top: 0px !important; } #stacks_in_563 .preview_only { opacity: 0.0 !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts/raleway/Raleway-Bold.eot'); src: url('../files/webfonts/raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/raleway/Raleway-Bold.woff2') format('woff2'), url('../files/webfonts/raleway/Raleway-Bold.woff') format('woff'), url('../files/webfonts/raleway/Raleway-Bold.ttf') format('truetype'), url('../files/webfonts/raleway/Raleway-Bold.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Paytone One'; src: url('../files/webfonts/paytoneone/PaytoneOne-Regular.eot'); src: url('../files/webfonts/paytoneone/PaytoneOne-Regular.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/paytoneone/PaytoneOne-Regular.woff2') format('woff2'), url('../files/webfonts/paytoneone/PaytoneOne-Regular.woff') format('woff'), url('../files/webfonts/paytoneone/PaytoneOne-Regular.ttf') format('truetype'), url('../files/webfonts/paytoneone/PaytoneOne-Regular.svg#paytone-one') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* -- End EACH CSS Template -- */@charset "UTF-8"; .com_weavium_stacks_Gsheet_Stack { overflow: visible !important; } #gsheet_box_stacks_in_99.gsheet--box { display: flex; position: relative; overflow: visible; border-style: solid; font-family: inherit; box-sizing: border-box; max-width: 50000px; min-width: 50px; min-height: 0px; border-color: rgba(0, 0, 0, 1.00); border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1.00); } #gsheet_box_stacks_in_99.gsheet--box.main-font-preset { font-family: "Montserrat", "Roboto", sans-serif; } #gsheet_box_stacks_in_99.gsheet--box.main-font-custom { font-family: "", "Roboto", sans-serif; } #gsheet_box_stacks_in_99.gsheet--box.main-font-google { font-family: "", "Roboto", sans-serif; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-color { background: rgba(245, 245, 245, 1.00); } #gsheet_box_stacks_in_99.gsheet--box.main-bg-color::before { opacity: 0; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(237, 161, 8, 1.00)); } #gsheet_box_stacks_in_99.gsheet--box.main-bg-gradient-2::before { opacity: 0; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); } #gsheet_box_stacks_in_99.gsheet--box.main-bg-gradient-3::before { opacity: 0; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #gsheet_box_stacks_in_99.gsheet--box.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #gsheet_box_stacks_in_99.gsheet--box.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #gsheet_box_stacks_in_99.gsheet--box.padding-False { padding: 0px; } #gsheet_box_stacks_in_99.gsheet--box.padding-True { padding: 0px 0px 0px 0px; } #gsheet_box_stacks_in_99.gsheet--box.margin-False { margin: 0px; } #gsheet_box_stacks_in_99.gsheet--box.margin-True { margin: 0px 0px 0px 0px; } #gsheet_box_stacks_in_99.gsheet--box.radius-False { border-radius: 0px; } #gsheet_box_stacks_in_99.gsheet--box.radius-True { border-radius: 0px 0px 0px 0px; } #gsheet_box_stacks_in_99.gsheet--box h1, #gsheet_box_stacks_in_99.gsheet--box h2, #gsheet_box_stacks_in_99.gsheet--box h3, #gsheet_box_stacks_in_99.gsheet--box h4, #gsheet_box_stacks_in_99.gsheet--box h5, #gsheet_box_stacks_in_99.gsheet--box h6 { color: rgba(255, 255, 255, 1.00); } #gsheet_box_stacks_in_99.gsheet--box a, #gsheet_box_stacks_in_99.gsheet--box a:visited { color: rgba(255, 255, 255, 1.00); } #gsheet_box_stacks_in_99.gsheet--box, #gsheet_box_stacks_in_99.gsheet--box p, #gsheet_box_stacks_in_99.gsheet--box span, #gsheet_box_stacks_in_99.gsheet--box blockquote, #gsheet_box_stacks_in_99.gsheet--box i { color: rgba(255, 255, 255, 0.60); } #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors { color: inherit; } #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h1, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h2, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h3, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h4, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h5, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors h6, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors a, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors a:visitied, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors p, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors span, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors blockquote, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors i, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors .gsheet--text, #gsheet_box_stacks_in_99.gsheet--box.gsheet--box-inherit-colors .gsheet--icon { color: inherit !important; } #gsheet_box_stacks_in_99.gsheet--box .gsheet_box_ag_stacks_in_99 { display: none; } #gsheet_box_stacks_in_99.gsheet--box.fill-shrink { flex: 0 0 auto; } #gsheet_box_stacks_in_99.gsheet--box.fill-grow { width: 100%; flex: 0 1 auto; } #gsheet_box_stacks_in_99.gsheet--box.position-absolute { position: absolute; } #gsheet_box_stacks_in_99.gsheet--box .gsheet--box.position-absolute { max-width: 100%; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column { flex-direction: row; align-items: center; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column.col-h-flow-right { justify-content: flex-end; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column.col-h-flow-left { justify-content: flex-start; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column.col-h-flow-center { justify-content: center; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column.col-h-flow-split { justify-content: space-between; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--row { flex-direction: column; flex-wrap: wrap; justify-content: center; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--row.row-h-flow-right { align-items: flex-end; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--row.row-h-flow-left { align-items: flex-start; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--row.row-h-flow-center { align-items: center; } #gsheet_box_stacks_in_99.gsheet--box.flow-direction--row.row-h-flow-stretch { align-items: stretch; } @media (max-width: 800px) { #gsheet_box_stacks_in_99.gsheet--box.flow-direction--column { flex-wrap: wrap; } } /* */ #stacks_in_100 { padding: 10px 0px 10px 20px; } #stacks_out_100 { width: 350px; } /* Start dooReflow stack each CSS code */ #stacks_in_103 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_103 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_103 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_103 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_103 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_103 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_103 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_103 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_103 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_103 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_103 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_103 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_103 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_103 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_103 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_103 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_103 .re-col-tab-0 { width: 0; display: none; } #stacks_in_103 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_103 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_103 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_103 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_103 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_103 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_103 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_103 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_103 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_103 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_103 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_103 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_103 .re-col-mob-0 { width: 0; display: none; } #stacks_in_103 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_103 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_103 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_103 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_103 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_103 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_103 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_103 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_103 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_103 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_103 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_103 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ #stacks_in_103 { margin: 0px 20px 0px 20px; padding: 20px 20px 20px 20px; } #stacks_out_277 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_103 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_277 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_277 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999999; display: flex; cursor: pointer; overflow: hidden; box-sizing: border-box; flex-direction: column; transition: all 0.3s ease; justify-content: flex-start; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); } #hop_stacks_in_277.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_277.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_background_stacks_in_277 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-color::before { opacity: 0; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277 #hop_background_stacks_in_277.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277 #hop_background_stacks_in_277::before { transition: all 0.3s ease; } #hop_stacks_in_277.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; padding-top: calc(50px + (5px * 2)); } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.expand #hop_titlebar_stacks_in_277 { opacity: 1; z-index: 9999; transform: none; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_277.expand #hop_initial_stacks_in_277 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_277.expand #hop_initial_stacks_in_277 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_277.expand #hop_content_stacks_in_277 { top: 0; width: 100%; z-index: 500; min-height: 100%; visibility: visible; position: relative; pointer-events: auto; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_277.expand.hide-init #hop_initial_stacks_in_277 { display: none; } #hop_stacks_in_277.expand.custom-expand-colors #hop_titlebar_stacks_in_277 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277.expand.custom-expand-colors #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h1, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h2, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h3, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h4, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h5, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) p, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) span, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) blockquote, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) ul, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) a, #hop_stacks_in_277.expand.custom-expand-colors #hop_content_stacks_in_277:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_277.fix { position: fixed; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 { padding: 5px 5px; max-height: calc(50px + (5px * 2)); top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: flex; flex: 1 0 auto; margin: 0 auto; position: absolute; visibility: hidden; align-items: center; pointer-events: none; transition: all 0s 0s ease; justify-content: space-between; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-title h2 { margin: 0; padding: 0; line-height: 1; font-weight: normal; font-size: 16px; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-title h2.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-title h2.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-title h2.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277 { width: 50px; height: 50px; display: flex; flex: 0 1 auto; cursor: pointer; border-radius: 50%; align-items: center; justify-content: center; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277.back, #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277 .hop-titlebar-button_stacks_in_277:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_277 #hop_titlebar_stacks_in_277.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_277 #hop_titlebar_stacks_in_277.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_277 #hop_initial_stacks_in_277 { padding: 20px 20px 20px 20px; opacity: 0; width: 100%; display: flex; flex: 1 0 auto; text-align: center; align-items: center; box-sizing: border-box; flex-direction: column; justify-content: center; transition: all 0.3s ease; animation: initial-in-2 0.5s 0.6s ease forwards; } #hop_stacks_in_277 #hop_initial_stacks_in_277.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_initial_stacks_in_277.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_initial_stacks_in_277.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_initial_stacks_in_277 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_277 #hop_initial_stacks_in_277 h1, #hop_stacks_in_277 #hop_initial_stacks_in_277 h2, #hop_stacks_in_277 #hop_initial_stacks_in_277 h3, #hop_stacks_in_277 #hop_initial_stacks_in_277 h4, #hop_stacks_in_277 #hop_initial_stacks_in_277 h5, #hop_stacks_in_277 #hop_initial_stacks_in_277 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277 #hop_initial_stacks_in_277 p, #hop_stacks_in_277 #hop_initial_stacks_in_277 span, #hop_stacks_in_277 #hop_initial_stacks_in_277 blockquote, #hop_stacks_in_277 #hop_initial_stacks_in_277 ul, #hop_stacks_in_277 #hop_initial_stacks_in_277 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_277 #hop_initial_stacks_in_277 a, #hop_stacks_in_277 #hop_initial_stacks_in_277 a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_277 #hop_initial_stacks_in_277.custom-content { display: block; } #hop_stacks_in_277 #hop_initial_stacks_in_277 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_277 #hop_content_stacks_in_277 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner { margin: 0 auto; color: rgba(247, 247, 247, 0.60); max-width: 900px; font-size: 16px !important; line-height: calc(16px * 1.618); padding: 20px 20px 20px 20px; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h1.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h2.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h3.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h4.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h5.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h6.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner p.main-font-preset IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner span.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h1.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h2.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h3.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h4.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h5.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h6.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner p.main-font-custom IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner span.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h1.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h2.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h3.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h4.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h5.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h6.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner p.main-font-google IBM Plex Sans, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner span.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h1, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h2, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h3, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h4, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h5, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner p, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner span, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner blockquote, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner ul, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner a, #hop_stacks_in_277 #hop_content_stacks_in_277 .hop-content--inner a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h1, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h2, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h3, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h4, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h5, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors h6 { color: rgba(57, 62, 70, 1.00) !important; } #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors p, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors span, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors blockquote, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors ul, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors a, #hop_stacks_in_277 #hop_content_stacks_in_277.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_277.w-to-h.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, bottom 0.3s 0.4s ease, top 0.3s 0.4s ease; } #hop_stacks_in_277.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand #hop_titlebar_stacks_in_277 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_277.w-to-h.expand #hop_initial_stacks_in_277, #hop_stacks_in_277.w-to-h.expand #hop_content_stacks_in_277 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.w-to-h.expand .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_277.w-to-h.expand .page-transition-cover_stacks_in_277:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_277.h-to-w.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, max-width 0.3s 0.4s ease, left 0.3s 0.4s ease; } #hop_stacks_in_277.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand #hop_titlebar_stacks_in_277 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_277.h-to-w.expand #hop_initial_stacks_in_277, #hop_stacks_in_277.h-to-w.expand #hop_content_stacks_in_277 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.h-to-w.expand .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_277.h-to-w.expand .page-transition-cover_stacks_in_277:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_277.even-spread.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease; } #hop_stacks_in_277.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand #hop_titlebar_stacks_in_277 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_277.even-spread.expand #hop_initial_stacks_in_277, #hop_stacks_in_277.even-spread.expand #hop_content_stacks_in_277 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.even-spread.expand.custom-expand-colors #hop_background_stacks_in_277.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.even-spread.expand .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_277.even-spread.expand .page-transition-cover_stacks_in_277:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_277.slide.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_277.slide.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.slide.expand.main-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.slide.expand #hop_background_stacks_in_277 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_277.slide.expand .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_277.slide.expand .page-transition-cover_stacks_in_277:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_277.slide.expand.from-top .page-transition-cover_stacks_in_277:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_277.slide.expand.from-bottom .page-transition-cover_stacks_in_277:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_277.slide.expand.from-left .page-transition-cover_stacks_in_277:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_277.slide.expand.from-right .page-transition-cover_stacks_in_277:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_277.box-layer.expand { z-index: 1000; top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_277.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_277 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.box-layer.expand #hop_background_stacks_in_277 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_277.box-layer.expand .page-transition-cover_stacks_in_277 { position: fixed; overflow: hidden; } #hop_stacks_in_277.box-layer.expand .page-transition-cover_stacks_in_277 span { position: absolute; } #hop_stacks_in_277.box-layer.expand.horizontal .page-transition-cover_stacks_in_277 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_277.box-layer.expand.horizontal .page-transition-cover_stacks_in_277 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_277.box-layer.expand.horizontal .page-transition-cover_stacks_in_277:nth-of-type(4), #hop_stacks_in_277.box-layer.expand.horizontal .page-transition-cover_stacks_in_277:nth-of-type(5), #hop_stacks_in_277.box-layer.expand.horizontal .page-transition-cover_stacks_in_277:nth-of-type(6) { display: none; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_277:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_277:nth-of-type(2) span { top: -100%; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_277:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_277:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_277:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_277:nth-of-type(2) span { top: -100%; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_277:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_277.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_277:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_277.box-layer.expand.vertical .page-transition-cover_stacks_in_277 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_277.box-layer.expand.vertical .page-transition-cover_stacks_in_277 span { width: 300%; height: 100%; } #hop_stacks_in_277.box-layer.expand.vertical .page-transition-cover_stacks_in_277:nth-of-type(4), #hop_stacks_in_277.box-layer.expand.vertical .page-transition-cover_stacks_in_277:nth-of-type(5), #hop_stacks_in_277.box-layer.expand.vertical .page-transition-cover_stacks_in_277:nth-of-type(6) { display: none; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_277:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_277:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_277:nth-of-type(2) span { left: -100%; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_277:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_277:nth-of-type(3) span { right: 0; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_277:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_277:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_277:nth-of-type(2) span { left: -100%; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_277:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_277.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_277:nth-of-type(3) span { right: 0; } #hop_stacks_in_277.border-wrap.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; background: none !important; box-shadow: none !important; transition: 0s 0.3s ease, box-shadow 0.3s 0s ease; } #hop_stacks_in_277.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_277 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_277 span::before { opacity: 0; } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_277.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_277 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_277.border-wrap.expand #hop_background_stacks_in_277 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_277.border-wrap.expand #hop_titlebar_stacks_in_277 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_277.border-wrap.expand #hop_initial_stacks_in_277, #hop_stacks_in_277.border-wrap.expand #hop_content_stacks_in_277 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277 { overflow: hidden; position: fixed; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277 span { position: absolute; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(1) { top: 0; left: 0; right: 0; width: 0; height: 15px; z-index: 100; margin: 0 auto; animation: full-width 0.5s 0.3s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(2) { top: 0; left: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(3) { top: 0; right: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(4) { left: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(5) { right: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(6) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; position: fixed; animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_277.border-wrap.expand .page-transition-cover_stacks_in_277:nth-of-type(6) span { top: 0; left: 0; right: 0; bottom: 0; } @keyframes fade-in { to { opacity: 1; } } @keyframes initial-in-1 { to { opacity: 1; transform: translateY(0px); } } @keyframes initial-in-2 { to { opacity: 1; } } @keyframes content-in-1 { to { opacity: 1; overflow: visible; transform: translateY(0px); } } @keyframes half-width { to { width: 50%; } } @keyframes full-width { to { width: 100%; } } @keyframes double-width { to { width: 100vw; } } @keyframes half-height { to { height: 50%; } } @keyframes full-height { to { height: 100%; } } @keyframes to-background { 0% { background: rgba(255, 255, 255, 0); } 100% { background: initial; } } @keyframes slide-in-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 1; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes move-center { to { top: 50%; left: 50%; background: blue; transform: translate(-50%, -50%); } } @keyframes move-stretch { to { width: 100%; height: 100%; background: blue; } } /* */ #stacks_in_277 { padding: 10px 0px 10px 0px; } #hop_initial_inner_stacks_in_279 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_279.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_279.content-center { justify-content: center; } #hop_initial_inner_stacks_in_279.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_279.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_279.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_279.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_279.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_279.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_279.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_279 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_279 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_279 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_279 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_279 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_279 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_279 .hop-initial--title { line-height: 1; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_279 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_279 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(255, 255, 255, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_279 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_279 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_279 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(255, 255, 255, 1.00) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_279 .hop-initial--button { line-height: 1; cursor: pointer; display: inline-block; font-size: 16px; color: rgba(255, 255, 255, 1.00); padding: 15px 15px; margin: 20px 0 0; border-radius: 5px; background: rgba(250, 203, 29, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_279 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_279 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_279 .hop-initial--extra { display: none; } #hop_initial_inner_stacks_in_279 .hop-initial--extra.show { display: block; } #hop_initial_inner_stacks_in_279.expand { text-align: center; } #hop_initial_inner_stacks_in_279.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_279.expand .hop-initial--title h2 { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_279.expand .hop-initial--description p { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_279.expand .hop-initial--button { display: none; } #stacks_in_282 { font-size: 118%; } /* Start dooMontage 2 stack each CSS code */ .stacks_in_307sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_307sl-wrapper{z-index:1000000}.stacks_in_307sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_307sl-wrapper button:hover{opacity:.7}.stacks_in_307sl-wrapper .stacks_in_307sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_307sl-wrapper .stacks_in_307sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_307sl-wrapper .stacks_in_307sl-navigation{width:100%;display:none}.stacks_in_307sl-wrapper .stacks_in_307sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_307sl-wrapper .stacks_in_307sl-navigation button.stacks_in_307sl-next{right:40px;color:#fff}.stacks_in_307sl-wrapper .stacks_in_307sl-navigation button.stacks_in_307sl-prev{left:40px;color:#fff}.stacks_in_307sl-wrapper .stacks_in_307sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_307sl-wrapper .stacks_in_307sl-image img{margin:0;padding:0;display:block}.stacks_in_307sl-wrapper .stacks_in_307sl-image .stacks_in_307sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_307sl-wrapper .stacks_in_307sl-image .stacks_in_307sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_307sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_307sl-image:hover > .stacks_in_307sl-caption{ opacity: 0.8; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_307 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_307 .dooMasterImage:hover > .montageImageZoom { opacity:0.85; } #stacks_in_307Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_307 .montageImageTitle{ display: none; } .stacks_in_307green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_307centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_307 .montageImageTitle{ display: none !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code */#stacks_out_122 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_103 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_122 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_122 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999999; display: flex; cursor: pointer; overflow: hidden; box-sizing: border-box; flex-direction: column; transition: all 0.3s ease; justify-content: flex-start; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); } #hop_stacks_in_122.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_122.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_background_stacks_in_122 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-color::before { opacity: 0; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122 #hop_background_stacks_in_122.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122 #hop_background_stacks_in_122::before { transition: all 0.3s ease; } #hop_stacks_in_122.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; padding-top: calc(50px + (5px * 2)); } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.expand #hop_titlebar_stacks_in_122 { opacity: 1; z-index: 9999; transform: none; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_122.expand #hop_initial_stacks_in_122 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_122.expand #hop_initial_stacks_in_122 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_122.expand #hop_content_stacks_in_122 { top: 0; width: 100%; z-index: 500; min-height: 100%; visibility: visible; position: relative; pointer-events: auto; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_122.expand.hide-init #hop_initial_stacks_in_122 { display: none; } #hop_stacks_in_122.expand.custom-expand-colors #hop_titlebar_stacks_in_122 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122.expand.custom-expand-colors #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h1, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h2, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h3, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h4, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h5, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) p, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) span, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) blockquote, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) ul, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) a, #hop_stacks_in_122.expand.custom-expand-colors #hop_content_stacks_in_122:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_122.fix { position: fixed; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 { padding: 5px 5px; max-height: calc(50px + (5px * 2)); top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: flex; flex: 1 0 auto; margin: 0 auto; position: absolute; visibility: hidden; align-items: center; pointer-events: none; transition: all 0s 0s ease; justify-content: space-between; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-title h2 { margin: 0; padding: 0; line-height: 1; font-weight: normal; font-size: 16px; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-title h2.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-title h2.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-title h2.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122 { width: 50px; height: 50px; display: flex; flex: 0 1 auto; cursor: pointer; border-radius: 50%; align-items: center; justify-content: center; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122.back, #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122 .hop-titlebar-button_stacks_in_122:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_122 #hop_titlebar_stacks_in_122.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_122 #hop_titlebar_stacks_in_122.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_122 #hop_initial_stacks_in_122 { padding: 20px 20px 20px 20px; opacity: 0; width: 100%; display: flex; flex: 1 0 auto; text-align: center; align-items: center; box-sizing: border-box; flex-direction: column; justify-content: center; transition: all 0.3s ease; animation: initial-in-2 0.5s 0.6s ease forwards; } #hop_stacks_in_122 #hop_initial_stacks_in_122.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_initial_stacks_in_122.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_initial_stacks_in_122.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_initial_stacks_in_122 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_122 #hop_initial_stacks_in_122 h1, #hop_stacks_in_122 #hop_initial_stacks_in_122 h2, #hop_stacks_in_122 #hop_initial_stacks_in_122 h3, #hop_stacks_in_122 #hop_initial_stacks_in_122 h4, #hop_stacks_in_122 #hop_initial_stacks_in_122 h5, #hop_stacks_in_122 #hop_initial_stacks_in_122 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122 #hop_initial_stacks_in_122 p, #hop_stacks_in_122 #hop_initial_stacks_in_122 span, #hop_stacks_in_122 #hop_initial_stacks_in_122 blockquote, #hop_stacks_in_122 #hop_initial_stacks_in_122 ul, #hop_stacks_in_122 #hop_initial_stacks_in_122 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_122 #hop_initial_stacks_in_122 a, #hop_stacks_in_122 #hop_initial_stacks_in_122 a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_122 #hop_initial_stacks_in_122.custom-content { display: block; } #hop_stacks_in_122 #hop_initial_stacks_in_122 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_122 #hop_content_stacks_in_122 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner { margin: 0 auto; color: rgba(247, 247, 247, 0.60); max-width: 900px; font-size: 16px !important; line-height: calc(16px * 1.618); padding: 20px 20px 20px 20px; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h1.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h2.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h3.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h4.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h5.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h6.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner p.main-font-preset IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner span.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h1.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h2.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h3.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h4.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h5.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h6.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner p.main-font-custom IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner span.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h1.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h2.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h3.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h4.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h5.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h6.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner p.main-font-google IBM Plex Sans, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner span.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h1, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h2, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h3, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h4, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h5, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner p, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner span, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner blockquote, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner ul, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner a, #hop_stacks_in_122 #hop_content_stacks_in_122 .hop-content--inner a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h1, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h2, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h3, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h4, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h5, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors h6 { color: rgba(57, 62, 70, 1.00) !important; } #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors p, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors span, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors blockquote, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors ul, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors a, #hop_stacks_in_122 #hop_content_stacks_in_122.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_122.w-to-h.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, bottom 0.3s 0.4s ease, top 0.3s 0.4s ease; } #hop_stacks_in_122.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand #hop_titlebar_stacks_in_122 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_122.w-to-h.expand #hop_initial_stacks_in_122, #hop_stacks_in_122.w-to-h.expand #hop_content_stacks_in_122 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.w-to-h.expand .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_122.w-to-h.expand .page-transition-cover_stacks_in_122:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_122.h-to-w.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, max-width 0.3s 0.4s ease, left 0.3s 0.4s ease; } #hop_stacks_in_122.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand #hop_titlebar_stacks_in_122 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_122.h-to-w.expand #hop_initial_stacks_in_122, #hop_stacks_in_122.h-to-w.expand #hop_content_stacks_in_122 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.h-to-w.expand .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_122.h-to-w.expand .page-transition-cover_stacks_in_122:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_122.even-spread.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease; } #hop_stacks_in_122.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand #hop_titlebar_stacks_in_122 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_122.even-spread.expand #hop_initial_stacks_in_122, #hop_stacks_in_122.even-spread.expand #hop_content_stacks_in_122 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.even-spread.expand.custom-expand-colors #hop_background_stacks_in_122.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.even-spread.expand .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_122.even-spread.expand .page-transition-cover_stacks_in_122:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_122.slide.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_122.slide.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.slide.expand.main-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.slide.expand #hop_background_stacks_in_122 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_122.slide.expand .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_122.slide.expand .page-transition-cover_stacks_in_122:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_122.slide.expand.from-top .page-transition-cover_stacks_in_122:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_122.slide.expand.from-bottom .page-transition-cover_stacks_in_122:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_122.slide.expand.from-left .page-transition-cover_stacks_in_122:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_122.slide.expand.from-right .page-transition-cover_stacks_in_122:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_122.box-layer.expand { z-index: 1000; top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_122.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_122 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.box-layer.expand #hop_background_stacks_in_122 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_122.box-layer.expand .page-transition-cover_stacks_in_122 { position: fixed; overflow: hidden; } #hop_stacks_in_122.box-layer.expand .page-transition-cover_stacks_in_122 span { position: absolute; } #hop_stacks_in_122.box-layer.expand.horizontal .page-transition-cover_stacks_in_122 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_122.box-layer.expand.horizontal .page-transition-cover_stacks_in_122 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_122.box-layer.expand.horizontal .page-transition-cover_stacks_in_122:nth-of-type(4), #hop_stacks_in_122.box-layer.expand.horizontal .page-transition-cover_stacks_in_122:nth-of-type(5), #hop_stacks_in_122.box-layer.expand.horizontal .page-transition-cover_stacks_in_122:nth-of-type(6) { display: none; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_122:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_122:nth-of-type(2) span { top: -100%; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_122:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_122:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_122:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_122:nth-of-type(2) span { top: -100%; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_122:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_122.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_122:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_122.box-layer.expand.vertical .page-transition-cover_stacks_in_122 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_122.box-layer.expand.vertical .page-transition-cover_stacks_in_122 span { width: 300%; height: 100%; } #hop_stacks_in_122.box-layer.expand.vertical .page-transition-cover_stacks_in_122:nth-of-type(4), #hop_stacks_in_122.box-layer.expand.vertical .page-transition-cover_stacks_in_122:nth-of-type(5), #hop_stacks_in_122.box-layer.expand.vertical .page-transition-cover_stacks_in_122:nth-of-type(6) { display: none; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_122:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_122:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_122:nth-of-type(2) span { left: -100%; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_122:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_122:nth-of-type(3) span { right: 0; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_122:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_122:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_122:nth-of-type(2) span { left: -100%; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_122:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_122.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_122:nth-of-type(3) span { right: 0; } #hop_stacks_in_122.border-wrap.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; background: none !important; box-shadow: none !important; transition: 0s 0.3s ease, box-shadow 0.3s 0s ease; } #hop_stacks_in_122.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_122 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_122 span::before { opacity: 0; } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_122.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_122 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_122.border-wrap.expand #hop_background_stacks_in_122 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_122.border-wrap.expand #hop_titlebar_stacks_in_122 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_122.border-wrap.expand #hop_initial_stacks_in_122, #hop_stacks_in_122.border-wrap.expand #hop_content_stacks_in_122 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122 { overflow: hidden; position: fixed; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122 span { position: absolute; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(1) { top: 0; left: 0; right: 0; width: 0; height: 15px; z-index: 100; margin: 0 auto; animation: full-width 0.5s 0.3s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(2) { top: 0; left: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(3) { top: 0; right: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(4) { left: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(5) { right: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(6) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; position: fixed; animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_122.border-wrap.expand .page-transition-cover_stacks_in_122:nth-of-type(6) span { top: 0; left: 0; right: 0; bottom: 0; } @keyframes fade-in { to { opacity: 1; } } @keyframes initial-in-1 { to { opacity: 1; transform: translateY(0px); } } @keyframes initial-in-2 { to { opacity: 1; } } @keyframes content-in-1 { to { opacity: 1; overflow: visible; transform: translateY(0px); } } @keyframes half-width { to { width: 50%; } } @keyframes full-width { to { width: 100%; } } @keyframes double-width { to { width: 100vw; } } @keyframes half-height { to { height: 50%; } } @keyframes full-height { to { height: 100%; } } @keyframes to-background { 0% { background: rgba(255, 255, 255, 0); } 100% { background: initial; } } @keyframes slide-in-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 1; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes move-center { to { top: 50%; left: 50%; background: blue; transform: translate(-50%, -50%); } } @keyframes move-stretch { to { width: 100%; height: 100%; background: blue; } } /* */ #stacks_in_122 { padding: 10px 0px 10px 0px; } #hop_initial_inner_stacks_in_123 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_123.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_123.content-center { justify-content: center; } #hop_initial_inner_stacks_in_123.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_123.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_123.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_123.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_123.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_123.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_123.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_123 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_123 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_123 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_123 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_123 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_123 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_123 .hop-initial--title { line-height: 1; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_123 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_123 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(255, 255, 255, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_123 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_123 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_123 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(255, 255, 255, 1.00) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_123 .hop-initial--button { line-height: 1; cursor: pointer; display: inline-block; font-size: 16px; color: rgba(255, 255, 255, 1.00); padding: 15px 15px; margin: 20px 0 0; border-radius: 5px; background: rgba(29, 85, 90, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_123 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_123 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_123 .hop-initial--extra { display: none; } #hop_initial_inner_stacks_in_123 .hop-initial--extra.show { display: block; } #hop_initial_inner_stacks_in_123.expand { text-align: center; } #hop_initial_inner_stacks_in_123.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_123.expand .hop-initial--title h2 { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_123.expand .hop-initial--description p { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_123.expand .hop-initial--button { display: none; } #stacks_in_543>.s3_row { margin: 0 -10px; } #stacks_in_543>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_543>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_543>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_543>.s3_row { margin: -10px 0; } #stacks_in_543>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start EACH CSS Template -- */ #stacks_in_559 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_559 .imgwrapper, #stacks_in_559 .edit_mode_panel-23 { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } #stacks_in_559 .imgcaption { pointer-events:none !important; text-align: center; width: 100%; opacity: 1; position: absolute; height: 100%; font-size: 20px; vertical-align: middle; z-index: 2; display: none; opacity: 0; left: 0; right: 0; color: rgba(255, 255, 255, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; -webkit-font-smoothing: antialiased; text-align: center; font-size: 15px; line-height: 1.22em; letter-spacing: 0px; -webkit-font-smoothing: antialiased; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_559 .imgcaption p { background-color: rgba(0, 0, 0, 0.75); padding: 10px; margin: 0; } #stacks_in_559 .imgwrapper { position: relative; text-align: center; margin: 0px; z-index: 3; } #stacks_in_559 .imgcontainer img[alt] { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_559 .imgcontainer { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_559 .layeroverlay { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_559 .imgcaption { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_559 .imgcaption p { transition: 0.17s ease-in-out; -webkit-transition: 0.17s ease-in-out; } #stacks_in_559 .imgcontainer:hover > .layeroverlay { } #stacks_in_559 .imgcontainer:hover > .imgcaption { transform: scale(0.985); -webkit-transform: scale(0.985); } #stacks_in_559 .imgcontainer:hover > .imgcaption p { } #stacks_in_559 .imgcontainer:hover { } #stacks_in_559 .imgcontainer img:hover { } #stacks_in_559 .imgcontainer { border-collapse: collapse; display: block; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; border-color: #424242; border-style: solid; border-width: 0px; border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); } #stacks_in_559 .imgcontainer::before { pointer-events:none; } #stacks_in_559 .imgcontainer:hover::before { pointer-events:none; } @-webkit-keyframes shine { 100% { left: 125%; }} @keyframes shine { 100% { left: 125%; }} #stacks_in_559 .imgcontainer:hover img { -webkit-filter: none; filter: none; } #stacks_in_559 .imgcontainer img { } #stacks_in_559 .layeroverlay { -webkit-transform: translateZ(0); pointer-events:none !important; padding: 0; text-align: center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; display: none; margin: auto; opacity: 1; background-color: rgba(0, 0, 0, 0.40); } #stacks_in_559 .pictureimgclass { vertical-align: bottom; text-align: center !important; } @media (max-width: 768px) { #stacks_in_559 .imgwrapper { } #stacks_in_559 .imgcontainer { margin-left: auto; margin-right: auto; } #stacks_in_559 .imgcaption { } #stacks_in_559 .imgcaption p { } #stacks_in_559 .layeroverlay { } } @media (max-width: 768px) { #stacks_in_559 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_559 .imgcontainer { } } @media (max-width: 778px) { #stacks_in_559 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_559 .imgcontainer { } } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_560 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_560 .imgwrapper, #stacks_in_560 .edit_mode_panel-23 { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } #stacks_in_560 .imgcaption { pointer-events:none !important; text-align: center; width: 100%; opacity: 1; position: absolute; height: 100%; font-size: 20px; vertical-align: middle; z-index: 2; display: none; opacity: 0; left: 0; right: 0; color: rgba(255, 255, 255, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; -webkit-font-smoothing: antialiased; text-align: center; font-size: 15px; line-height: 1.22em; letter-spacing: 0px; -webkit-font-smoothing: antialiased; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_560 .imgcaption p { background-color: rgba(0, 0, 0, 0.75); padding: 10px; margin: 0; } #stacks_in_560 .imgwrapper { position: relative; text-align: center; margin: 0px; z-index: 3; } #stacks_in_560 .imgcontainer img[alt] { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_560 .imgcontainer { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_560 .layeroverlay { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_560 .imgcaption { transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; } #stacks_in_560 .imgcaption p { transition: 0.17s ease-in-out; -webkit-transition: 0.17s ease-in-out; } #stacks_in_560 .imgcontainer:hover > .layeroverlay { } #stacks_in_560 .imgcontainer:hover > .imgcaption { transform: scale(0.985); -webkit-transform: scale(0.985); } #stacks_in_560 .imgcontainer:hover > .imgcaption p { } #stacks_in_560 .imgcontainer:hover { } #stacks_in_560 .imgcontainer img:hover { } #stacks_in_560 .imgcontainer { border-collapse: collapse; display: block; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; border-color: #424242; border-style: solid; border-width: 0px; border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); } #stacks_in_560 .imgcontainer::before { pointer-events:none; } #stacks_in_560 .imgcontainer:hover::before { pointer-events:none; } @-webkit-keyframes shine { 100% { left: 125%; }} @keyframes shine { 100% { left: 125%; }} #stacks_in_560 .imgcontainer:hover img { -webkit-filter: none; filter: none; } #stacks_in_560 .imgcontainer img { } #stacks_in_560 .layeroverlay { -webkit-transform: translateZ(0); pointer-events:none !important; padding: 0; text-align: center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; display: none; margin: auto; opacity: 1; background-color: rgba(0, 0, 0, 0.40); } #stacks_in_560 .pictureimgclass { vertical-align: bottom; text-align: center !important; } @media (max-width: 768px) { #stacks_in_560 .imgwrapper { } #stacks_in_560 .imgcontainer { margin-left: auto; margin-right: auto; } #stacks_in_560 .imgcaption { } #stacks_in_560 .imgcaption p { } #stacks_in_560 .layeroverlay { } } @media (max-width: 768px) { #stacks_in_560 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_560 .imgcontainer { } } @media (max-width: 778px) { #stacks_in_560 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_560 .imgcontainer { } } /* -- End EACH CSS Template -- */ #stacks_in_126 { font-size: 118%; } #stacks_in_240>.s3_row { margin: 0 -10px; } #stacks_in_240>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_240>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_240>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_240>.s3_row { margin: -10px 0; } #stacks_in_240>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_out_257 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_103 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_257 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_257 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999999; display: flex; cursor: pointer; overflow: hidden; box-sizing: border-box; flex-direction: column; transition: all 0.3s ease; justify-content: flex-start; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); } #hop_stacks_in_257.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_257.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_background_stacks_in_257 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-color::before { opacity: 0; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257 #hop_background_stacks_in_257.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257 #hop_background_stacks_in_257::before { transition: all 0.3s ease; } #hop_stacks_in_257.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; padding-top: calc(50px + (5px * 2)); } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.expand #hop_titlebar_stacks_in_257 { opacity: 1; z-index: 9999; transform: none; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_257.expand #hop_initial_stacks_in_257 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_257.expand #hop_initial_stacks_in_257 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_257.expand #hop_content_stacks_in_257 { top: 0; width: 100%; z-index: 500; min-height: 100%; visibility: visible; position: relative; pointer-events: auto; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_257.expand.hide-init #hop_initial_stacks_in_257 { display: none; } #hop_stacks_in_257.expand.custom-expand-colors #hop_titlebar_stacks_in_257 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257.expand.custom-expand-colors #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h1, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h2, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h3, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h4, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h5, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) p, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) span, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) blockquote, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) ul, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) a, #hop_stacks_in_257.expand.custom-expand-colors #hop_content_stacks_in_257:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_257.fix { position: fixed; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 { padding: 5px 5px; max-height: calc(50px + (5px * 2)); top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: flex; flex: 1 0 auto; margin: 0 auto; position: absolute; visibility: hidden; align-items: center; pointer-events: none; transition: all 0s 0s ease; justify-content: space-between; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-title h2 { margin: 0; padding: 0; line-height: 1; font-weight: normal; font-size: 16px; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-title h2.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-title h2.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-title h2.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257 { width: 50px; height: 50px; display: flex; flex: 0 1 auto; cursor: pointer; border-radius: 50%; align-items: center; justify-content: center; color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257.back, #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257 .hop-titlebar-button_stacks_in_257:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_257 #hop_titlebar_stacks_in_257.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_257 #hop_titlebar_stacks_in_257.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_257 #hop_initial_stacks_in_257 { padding: 20px 20px 20px 20px; opacity: 0; width: 100%; display: flex; flex: 1 0 auto; text-align: center; align-items: center; box-sizing: border-box; flex-direction: column; justify-content: center; transition: all 0.3s ease; animation: initial-in-2 0.5s 0.6s ease forwards; } #hop_stacks_in_257 #hop_initial_stacks_in_257.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_initial_stacks_in_257.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_initial_stacks_in_257.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_initial_stacks_in_257 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_257 #hop_initial_stacks_in_257 h1, #hop_stacks_in_257 #hop_initial_stacks_in_257 h2, #hop_stacks_in_257 #hop_initial_stacks_in_257 h3, #hop_stacks_in_257 #hop_initial_stacks_in_257 h4, #hop_stacks_in_257 #hop_initial_stacks_in_257 h5, #hop_stacks_in_257 #hop_initial_stacks_in_257 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257 #hop_initial_stacks_in_257 p, #hop_stacks_in_257 #hop_initial_stacks_in_257 span, #hop_stacks_in_257 #hop_initial_stacks_in_257 blockquote, #hop_stacks_in_257 #hop_initial_stacks_in_257 ul, #hop_stacks_in_257 #hop_initial_stacks_in_257 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_257 #hop_initial_stacks_in_257 a, #hop_stacks_in_257 #hop_initial_stacks_in_257 a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_257 #hop_initial_stacks_in_257.custom-content { display: block; } #hop_stacks_in_257 #hop_initial_stacks_in_257 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_257 #hop_content_stacks_in_257 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner { margin: 0 auto; color: rgba(247, 247, 247, 0.60); max-width: 900px; font-size: 16px !important; line-height: calc(16px * 1.618); padding: 20px 20px 20px 20px; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h1.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h2.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h3.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h4.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h5.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h6.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner p.main-font-preset IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner span.main-font-preset IBM Plex Sans { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h1.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h2.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h3.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h4.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h5.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h6.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner p.main-font-custom IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner span.main-font-custom IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h1.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h2.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h3.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h4.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h5.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h6.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner p.main-font-google IBM Plex Sans, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner span.main-font-google IBM Plex Sans { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h1, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h2, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h3, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h4, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h5, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner p, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner span, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner blockquote, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner ul, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner a, #hop_stacks_in_257 #hop_content_stacks_in_257 .hop-content--inner a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h1, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h2, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h3, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h4, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h5, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors h6 { color: rgba(57, 62, 70, 1.00) !important; } #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors p, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors span, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors blockquote, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors ul, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors a, #hop_stacks_in_257 #hop_content_stacks_in_257.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_257.w-to-h.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, bottom 0.3s 0.4s ease, top 0.3s 0.4s ease; } #hop_stacks_in_257.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand #hop_titlebar_stacks_in_257 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_257.w-to-h.expand #hop_initial_stacks_in_257, #hop_stacks_in_257.w-to-h.expand #hop_content_stacks_in_257 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.w-to-h.expand .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_257.w-to-h.expand .page-transition-cover_stacks_in_257:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_257.h-to-w.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease, max-width 0.3s 0.4s ease, left 0.3s 0.4s ease; } #hop_stacks_in_257.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand #hop_titlebar_stacks_in_257 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_257.h-to-w.expand #hop_initial_stacks_in_257, #hop_stacks_in_257.h-to-w.expand #hop_content_stacks_in_257 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.h-to-w.expand .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_257.h-to-w.expand .page-transition-cover_stacks_in_257:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_257.even-spread.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; transition: all 0.3s 0.1s ease; } #hop_stacks_in_257.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand #hop_titlebar_stacks_in_257 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_257.even-spread.expand #hop_initial_stacks_in_257, #hop_stacks_in_257.even-spread.expand #hop_content_stacks_in_257 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.even-spread.expand.custom-expand-colors #hop_background_stacks_in_257.expanded-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.even-spread.expand .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 200; position: fixed; animation: fade-in 0s 0.6s ease forwards; } #hop_stacks_in_257.even-spread.expand .page-transition-cover_stacks_in_257:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_257.slide.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_257.slide.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.slide.expand.main-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257:nth-of-type(1) span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.slide.expand #hop_background_stacks_in_257 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_257.slide.expand .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_257.slide.expand .page-transition-cover_stacks_in_257:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_257.slide.expand.from-top .page-transition-cover_stacks_in_257:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_257.slide.expand.from-bottom .page-transition-cover_stacks_in_257:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_257.slide.expand.from-left .page-transition-cover_stacks_in_257:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_257.slide.expand.from-right .page-transition-cover_stacks_in_257:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_257.box-layer.expand { z-index: 1000; top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; box-shadow: none !important; transition: 0s 0.4s ease, box-shadow 0.4s 0s ease; } #hop_stacks_in_257.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_257 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.box-layer.expand #hop_background_stacks_in_257 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_257.box-layer.expand .page-transition-cover_stacks_in_257 { position: fixed; overflow: hidden; } #hop_stacks_in_257.box-layer.expand .page-transition-cover_stacks_in_257 span { position: absolute; } #hop_stacks_in_257.box-layer.expand.horizontal .page-transition-cover_stacks_in_257 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_257.box-layer.expand.horizontal .page-transition-cover_stacks_in_257 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_257.box-layer.expand.horizontal .page-transition-cover_stacks_in_257:nth-of-type(4), #hop_stacks_in_257.box-layer.expand.horizontal .page-transition-cover_stacks_in_257:nth-of-type(5), #hop_stacks_in_257.box-layer.expand.horizontal .page-transition-cover_stacks_in_257:nth-of-type(6) { display: none; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_257:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_257:nth-of-type(2) span { top: -100%; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_257:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_257:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_257:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_257:nth-of-type(2) span { top: -100%; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_257:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_257.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_257:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_257.box-layer.expand.vertical .page-transition-cover_stacks_in_257 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_257.box-layer.expand.vertical .page-transition-cover_stacks_in_257 span { width: 300%; height: 100%; } #hop_stacks_in_257.box-layer.expand.vertical .page-transition-cover_stacks_in_257:nth-of-type(4), #hop_stacks_in_257.box-layer.expand.vertical .page-transition-cover_stacks_in_257:nth-of-type(5), #hop_stacks_in_257.box-layer.expand.vertical .page-transition-cover_stacks_in_257:nth-of-type(6) { display: none; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_257:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_257:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_257:nth-of-type(2) span { left: -100%; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_257:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_257:nth-of-type(3) span { right: 0; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_257:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_257:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_257:nth-of-type(2) span { left: -100%; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_257:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_257.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_257:nth-of-type(3) span { right: 0; } #hop_stacks_in_257.border-wrap.expand { top: 0 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; background: none !important; box-shadow: none !important; transition: 0s 0.3s ease, box-shadow 0.3s 0s ease; } #hop_stacks_in_257.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_257 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_257 span::before { opacity: 0; } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_257.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_257 span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_257.border-wrap.expand #hop_background_stacks_in_257 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_257.border-wrap.expand #hop_titlebar_stacks_in_257 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_257.border-wrap.expand #hop_initial_stacks_in_257, #hop_stacks_in_257.border-wrap.expand #hop_content_stacks_in_257 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257 { overflow: hidden; position: fixed; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257 span { position: absolute; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(1) { top: 0; left: 0; right: 0; width: 0; height: 15px; z-index: 100; margin: 0 auto; animation: full-width 0.5s 0.3s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(2) { top: 0; left: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(3) { top: 0; right: 0; height: 0; width: 15px; z-index: 90; animation: full-height 0.5s 0.9s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(4) { left: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(5) { right: 0; width: 0; bottom: 0; z-index: 70; height: 15px; animation: half-width 0.5s 1.3s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(6) { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; position: fixed; animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_257.border-wrap.expand .page-transition-cover_stacks_in_257:nth-of-type(6) span { top: 0; left: 0; right: 0; bottom: 0; } @keyframes fade-in { to { opacity: 1; } } @keyframes initial-in-1 { to { opacity: 1; transform: translateY(0px); } } @keyframes initial-in-2 { to { opacity: 1; } } @keyframes content-in-1 { to { opacity: 1; overflow: visible; transform: translateY(0px); } } @keyframes half-width { to { width: 50%; } } @keyframes full-width { to { width: 100%; } } @keyframes double-width { to { width: 100vw; } } @keyframes half-height { to { height: 50%; } } @keyframes full-height { to { height: 100%; } } @keyframes to-background { 0% { background: rgba(255, 255, 255, 0); } 100% { background: initial; } } @keyframes slide-in-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 1; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0%); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes move-center { to { top: 50%; left: 50%; background: blue; transform: translate(-50%, -50%); } } @keyframes move-stretch { to { width: 100%; height: 100%; background: blue; } } /* */ #stacks_in_257 { padding: 10px 0px 10px 0px; } #hop_initial_inner_stacks_in_258 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_258.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_258.content-center { justify-content: center; } #hop_initial_inner_stacks_in_258.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_258.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_258.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_258.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_258.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_258.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_258.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_258 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_258 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_258 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_258 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_258 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_258 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_258 .hop-initial--title { line-height: 1; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_258 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_258 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(255, 255, 255, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_258 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_258 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_258 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(255, 255, 255, 1.00) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_258 .hop-initial--button { line-height: 1; cursor: pointer; display: inline-block; font-size: 16px; color: rgba(255, 255, 255, 1.00); padding: 15px 15px; margin: 20px 0 0; border-radius: 5px; background: rgba(41, 167, 138, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_258 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_258 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_258 .hop-initial--extra { display: none; } #hop_initial_inner_stacks_in_258 .hop-initial--extra.show { display: block; } #hop_initial_inner_stacks_in_258.expand { text-align: center; } #hop_initial_inner_stacks_in_258.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_258.expand .hop-initial--title h2 { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_258.expand .hop-initial--description p { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_258.expand .hop-initial--button { display: none; } #stacks_in_261 { font-size: 118%; } #stacks_in_267>.s3_row { margin: 0 -10px; } #stacks_in_267>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_267>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_267>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_267>.s3_row { margin: -10px 0; } #stacks_in_267>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_343 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 0px; } #simpleDivider_stacks_in_343 .theDivider1, #simpleDivider_stacks_in_343 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_343 .theDivider1 { height: 0px; border-top-style: dashed; border-bottom-style: dashed; } #simpleDivider_stacks_in_343.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_343.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_343 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_343.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_343.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_343.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_343.bgImageOn .theDivider1 img { display: block; } /* 1.0.2 - fixes transition speed for autoplay - fixes bug preventing overflow opacity from applying when autoplay is enabled - fixes a edit/preview mode image display bug - added focus-visible for tabing accessability */ #stacks_out_361 { overflow: hidden; } #stacks_in_361 > .carousel-outer-wrapper { display: grid; grid-template-columns: 100%; } #stacks_in_361 .carousel-navigation, #stacks_in_361 .slick-slider { width: 100%; /* */ margin: 0 auto; /* */ /* */ } #stacks_in_361 > .carousel-outer-wrapper { /* */ margin: 0 auto; /* */ /* */ width: 100% !important; /* */ } #stacks_in_361 .carousel-wrapper { } /* */ #stacks_in_361 .slick-slider { overflow: visible; } /* */ #stacks_in_361 .slick-list { overflow: visible; } #stacks_in_361 .slick-track { display: flex; align-items: center; } /* */ /* */ /* */ #stacks_in_361 .slick-slide { box-sizing: border-box; padding-left: calc(16px / 2); padding-right: calc(16px / 2); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; outline: none; /* width: 150px !important; */ } #stacks_in_361 .carousel-wrapper:not(.slick-slider) { white-space: nowrap; } #stacks_in_361 .carousel-wrapper:not(.slick-slider) > div { width: 150px; display: inline-block; padding-left: calc(12px / 2); padding-right: calc(12px / 2); } /* */ #stacks_in_361 .slick-slide { opacity: 55%; transition: opacity 1700ms ease,transform 1700ms ease; transform: scale(1); } #stacks_in_361 .slick-slide.slick-active { opacity: 100%; transform: scale(1); } /* */ /* */ /* */ /* */ #stacks_in_361 .carousel-wrapper:not(.carousel-off):not(.carousel-autoplay) .slick-list.draggable .slick-slide { cursor: grab; } #stacks_in_361 .carousel-wrapper:not(.carousel-off):not(.carousel-autoplay) .slick-list.draggable .slick-slide:active { cursor: grabbing; } #stacks_in_361 .carousel-wrapper.carousel-autoplay .slick-list.draggable { pointer-events: none; } #stacks_in_361 .carousel-navigation { display: grid; align-items: center; /* */ grid-row: 1; margin-bottom: 16px; /* */ } #stacks_in_361 .carousel-navigation-controls { display: flex; align-items: center; grid-gap: 4px; } /* */ /* */ #stacks_in_361 .carousel-navigation { grid-template-columns: 1fr min-content 1fr; } #stacks_in_361 .carousel-navigation-controls { justify-content: center; } /* */ /* */ /* */ /* */ #stacks_in_361 .carousel-navigation > .carousel-navigation-content > div { display: none; } /* */ /* */ #stacks_in_361 .carousel-arrow { all: unset; line-height: 0; background: transparent; border: none; color: transparent; position: relative; box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; cursor: pointer; width: 36px; height: 36px; min-width: 30px; min-height: 30px; } #stacks_in_361 .carousel-arrow[aria-disabled="true"] { opacity: .3; pointer-events: none; } #stacks_in_361 .carousel-arrow svg { stroke: rgba(87, 0, 41, 1.00); pointer-events: none; } #stacks_in_361 .carousel-arrow:active svg { opacity: .5; } #stacks_in_361 ul.slick-dots { all: unset; white-space: nowrap; } #stacks_in_361 .slick-dots li { display: inline-block; margin-left: 6px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } #stacks_in_361 .slick-dots li:first-child { margin-left: 0px; } #stacks_in_361 .slick-dots li button { all: unset; line-height: 0; background: transparent; border: none; color: transparent; width: 18px; height: 18px; position: relative; box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; cursor: pointer; } #stacks_in_361 .slick-dots li button:before { content: ""; position: absolute; top:0; left: 0; bottom: 0; right: 0; border: 2px solid rgba(87, 0, 41, 1.00); border-radius: 50%; } #stacks_in_361 .slick-dots li.slick-active button:after { content: ""; position: absolute; top: 3px; left: 3px; bottom: 3px; right: 3px; background: rgba(87, 0, 41, 1.00); border-radius: 50%; } /* */ /* */ #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li button:before { border-width: 0; background: rgba(87, 0, 41, 1.00); opacity: 0.2; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li.slick-active button:before { opacity: 1; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li.slick-active button:after { display: none; } #stacks_in_361 .carousel-navigation-controls.too-narrow { line-height: 16px; display: grid; grid-template-columns: 1fr; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots { white-space: normal; text-align: center; line-height: 0; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li { margin: 3px; line-height: 0px; pointer-events: none; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li button { height: 8px; width: 8px; line-height: 0px; font-size: 0px; } #stacks_in_361 .carousel-navigation-controls.too-narrow .slick-dots li button:before { border-radius: 99px; } /* */ #stacks_in_361.focus-visible :focus-visible { outline: 1px solid rgba(132,38,133,0.65) !important; border-color: rgba(132,38,133,0.65); box-shadow: 0 0 0 1px rgba(132,38,133,0.65),inset 0 0 0 1px rgba(132,38,133,0.65); -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: -moz-all; -o-user-select: all; user-select: all; } .slide_stacks_in_364 { border-radius: 0px; } .slide_stacks_in_364 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_364 .carousel-slide-image { display: none; } .slide_stacks_in_364 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_367 { border-radius: 0px; } .slide_stacks_in_367 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_367 .carousel-slide-image { display: none; } .slide_stacks_in_367 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_369 { border-radius: 0px; } .slide_stacks_in_369 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_369 .carousel-slide-image { display: none; } .slide_stacks_in_369 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_371 { border-radius: 0px; } .slide_stacks_in_371 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_371 .carousel-slide-image { display: none; } .slide_stacks_in_371 .carousel-slide-content { border-radius: 0px; } /* */ @charset "UTF-8"; .com_weavium_stacks_Gsheet_Stack { overflow: visible !important; } #gsheet_box_stacks_in_381.gsheet--box { display: flex; position: relative; overflow: visible; border-style: solid; font-family: inherit; box-sizing: border-box; max-width: 50000px; min-width: 50px; min-height: 0px; border-color: rgba(0, 0, 0, 1.00); border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1.00); } #gsheet_box_stacks_in_381.gsheet--box.main-font-preset { font-family: "Montserrat", "Roboto", sans-serif; } #gsheet_box_stacks_in_381.gsheet--box.main-font-custom { font-family: "", "Roboto", sans-serif; } #gsheet_box_stacks_in_381.gsheet--box.main-font-google { font-family: "", "Roboto", sans-serif; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-color { background: rgba(245, 245, 245, 1.00); } #gsheet_box_stacks_in_381.gsheet--box.main-bg-color::before { opacity: 0; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(237, 161, 8, 1.00)); } #gsheet_box_stacks_in_381.gsheet--box.main-bg-gradient-2::before { opacity: 0; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(92, 99, 110, 1.00), rgba(248, 181, 0, 1.00)); } #gsheet_box_stacks_in_381.gsheet--box.main-bg-gradient-3::before { opacity: 0; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #gsheet_box_stacks_in_381.gsheet--box.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #gsheet_box_stacks_in_381.gsheet--box.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #gsheet_box_stacks_in_381.gsheet--box.padding-False { padding: 0px; } #gsheet_box_stacks_in_381.gsheet--box.padding-True { padding: 0px 0px 0px 0px; } #gsheet_box_stacks_in_381.gsheet--box.margin-False { margin: 0px; } #gsheet_box_stacks_in_381.gsheet--box.margin-True { margin: 0px 0px 0px 0px; } #gsheet_box_stacks_in_381.gsheet--box.radius-False { border-radius: 0px; } #gsheet_box_stacks_in_381.gsheet--box.radius-True { border-radius: 0px 0px 0px 0px; } #gsheet_box_stacks_in_381.gsheet--box h1, #gsheet_box_stacks_in_381.gsheet--box h2, #gsheet_box_stacks_in_381.gsheet--box h3, #gsheet_box_stacks_in_381.gsheet--box h4, #gsheet_box_stacks_in_381.gsheet--box h5, #gsheet_box_stacks_in_381.gsheet--box h6 { color: rgba(255, 255, 255, 1.00); } #gsheet_box_stacks_in_381.gsheet--box a, #gsheet_box_stacks_in_381.gsheet--box a:visited { color: rgba(255, 255, 255, 1.00); } #gsheet_box_stacks_in_381.gsheet--box, #gsheet_box_stacks_in_381.gsheet--box p, #gsheet_box_stacks_in_381.gsheet--box span, #gsheet_box_stacks_in_381.gsheet--box blockquote, #gsheet_box_stacks_in_381.gsheet--box i { color: rgba(255, 255, 255, 0.60); } #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors { color: inherit; } #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h1, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h2, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h3, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h4, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h5, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors h6, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors a, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors a:visitied, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors p, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors span, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors blockquote, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors i, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors .gsheet--text, #gsheet_box_stacks_in_381.gsheet--box.gsheet--box-inherit-colors .gsheet--icon { color: inherit !important; } #gsheet_box_stacks_in_381.gsheet--box .gsheet_box_ag_stacks_in_381 { display: none; } #gsheet_box_stacks_in_381.gsheet--box.fill-shrink { flex: 0 0 auto; } #gsheet_box_stacks_in_381.gsheet--box.fill-grow { width: 100%; flex: 0 1 auto; } #gsheet_box_stacks_in_381.gsheet--box.position-absolute { position: absolute; } #gsheet_box_stacks_in_381.gsheet--box .gsheet--box.position-absolute { max-width: 100%; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column { flex-direction: row; align-items: center; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column.col-h-flow-right { justify-content: flex-end; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column.col-h-flow-left { justify-content: flex-start; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column.col-h-flow-center { justify-content: center; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column.col-h-flow-split { justify-content: space-between; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--row { flex-direction: column; flex-wrap: wrap; justify-content: center; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--row.row-h-flow-right { align-items: flex-end; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--row.row-h-flow-left { align-items: flex-start; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--row.row-h-flow-center { align-items: center; } #gsheet_box_stacks_in_381.gsheet--box.flow-direction--row.row-h-flow-stretch { align-items: stretch; } @media (max-width: 800px) { #gsheet_box_stacks_in_381.gsheet--box.flow-direction--column { flex-wrap: wrap; } } /* */ #stacks_in_340>.s3_row { margin: 0 -10px; } #stacks_in_340>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_340>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_340>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_340>.s3_row { margin: -10px 0; } #stacks_in_340>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_344 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 0px; } #simpleDivider_stacks_in_344 .theDivider1, #simpleDivider_stacks_in_344 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_344 .theDivider1 { height: 0px; border-top-style: dashed; border-bottom-style: dashed; } #simpleDivider_stacks_in_344.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_344.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_344 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_344.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_344.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_344.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_344.bgImageOn .theDivider1 img { display: block; } :root { --multi_columns_stacks_in_324:minmax(30px,min-content) minmax(30px,min-content) minmax(30px,min-content); } #multi_columns_stacks_in_324 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_324); grid-gap: 8px; align-items: center; justify-content: center; } #multi_columns_stacks_in_324 > div { min-width: 0; } #multi_columns_stacks_in_324 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_324 > div img { max-width: 100%; } #multi_columns_stacks_in_324 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 801px) { #multi_columns_stacks_in_324 .hide-mobile { display: inherit; } #multi_columns_stacks_in_324 .hide-tablet { display: inherit; } #multi_columns_stacks_in_324 .hide-mobile { display: inherit; } #multi_columns_stacks_in_324 .hide-desktop { display: none; } } @media all and (max-width: 800px) and (min-width: 501px) { #multi_columns_stacks_in_324 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_324 .hide-desktop { display: inherit; } #multi_columns_stacks_in_324 .hide-mobile { display: inherit; } #multi_columns_stacks_in_324 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_324 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_324 .hide-tablet { display: inherit; } #multi_columns_stacks_in_324 .hide-desktop { display: inherit; } #multi_columns_stacks_in_324 .hide-mobile { display: none; } } @media all and (max-width: 800px) { #multi_columns_stacks_in_324 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_324 + .deluxe-columns { } #multi_columns_stacks_in_324 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_324 > div > * {position: relative;} #multi_columns_stacks_in_324 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_324 { grid-template-columns: repeat(7, 1fr); } #multi_columns_stacks_in_324 > div:last-child { grid-column: span 1; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_457 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 0px; } #simpleDivider_stacks_in_457 .theDivider1, #simpleDivider_stacks_in_457 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_457 .theDivider1 { height: 0px; border-top-style: dashed; border-bottom-style: dashed; } #simpleDivider_stacks_in_457.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_457.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_457 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_457.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_457.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_457.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_457.bgImageOn .theDivider1 img { display: block; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_459 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 0px; } #simpleDivider_stacks_in_459 .theDivider1, #simpleDivider_stacks_in_459 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_459 .theDivider1 { height: 0px; border-top-style: dashed; border-bottom-style: dashed; } #simpleDivider_stacks_in_459.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_459.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_459 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_459.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_459.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_459.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_459.bgImageOn .theDivider1 img { display: block; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_458 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 0px; } #simpleDivider_stacks_in_458 .theDivider1, #simpleDivider_stacks_in_458 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_458 .theDivider1 { height: 0px; border-top-style: dashed; border-bottom-style: dashed; } #simpleDivider_stacks_in_458.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_458.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_458 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_458.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_458.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_458.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_458.bgImageOn .theDivider1 img { display: block; }