.processing-circle{margin:0 auto;width:40px;height:40px;border:4px solid var(--white-color);border-top:4px solid var(--primary);border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.6))}.processing-circle.dark{border-color:var(--black-color);border-top-color:var(--primary)}.processing-circle.primary{border-top-color:var(--primary)}.processing-circle.secondary{border-top-color:var(--secondary)}.processing-circle.warning{border-top-color:var(--warning)}.processing-circle.success{border-top-color:var(--success)}.processing-circle.alert{border-top-color:var(--alert)} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} /* -- Start Vegas Page css Template -- */ .vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-overlay{opacity:.5;background:url(overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}} /* -- End Vegas Page css Template -- */@keyframes pointpulse{0%{transform:scale(0.75);opacity:1}30%{transform:scale(0.75);opacity:1}100%{transform:scale(2);opacity:0}}.com_joeworkman_stacks_points2_stack{margin:0 auto}.com_joeworkman_stacks_points2_stack .points-wrapper{position:relative;width:100%;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.com_joeworkman_stacks_points2_stack .points-wrapper img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;margin:0;padding:0;}.com_joeworkman_stacks_points2_stack .point{opacity:0;position:absolute;transition:opacity 500ms ease-in-out;translate:-50% -50%;padding:0;margin:0;background:none;border:none;appearance:none}.com_joeworkman_stacks_points2_stack .point.active{z-index:51}.com_joeworkman_stacks_points2_stack .point a{display:block;height:100%;width:100%}.com_joeworkman_stacks_points2_stack .on-hover:hover .point{opacity:1}@media only screen and (max-width:40em){.com_joeworkman_stacks_points2_stack .hide-mobile .point{display:none}}.com_joeworkman_stacks_points2_stack abbr{height:100%;width:100%;background-color:transparent;position:relative;border:none;display:block;text-align:center;text-decoration:none}.com_joeworkman_stacks_points2_stack .mode-circle abbr{border-radius:50%}.com_joeworkman_stacks_points2_stack .mode-circle.point-pulse .ring{top:0;position:absolute;border-radius:50%;border:none;width:100%;height:100%;backface-visibility:hidden;animation:pointpulse 1.5s ease-out infinite}.com_joeworkman_stacks_points2_stack .mode-image abbr{background-size:100%}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip{text-align:center;line-height:1.5;position:fixed;z-index:50;padding:10px 15px;max-width:340px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h6{margin-top:0;margin-bottom:.5em}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip:after{width:0;height:0;border-left:10px solid transparent !important;border-right:10px solid transparent !important;border-top-width:10px;border-top-style:solid;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.top:after{border-top-color:transparent !important;border-bottom-width:10px;border-bottom-style:solid;top:-20px;bottom:auto}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.left:after{left:10px;margin:0}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.right:after{right:10px;left:auto;margin:0}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip{text-align:left;line-height:1.5;position:absolute;width:100%;max-width:100% !important;bottom:0;left:0 !important;top:auto !important;z-index:52;padding:10px 15px;border-radius:0 !important}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h6{margin-top:0;margin-bottom:.5em} .seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} .oembed-container.populated{display:-webkit-box;display:-ms-flexbox;display:flex}.oembed-container.responsive{position:relative;width:100%}.oembed-container.responsive > *{position:absolute;top:0;left:0;bottom:0;right:0;width:100% !important;height:100% !important}.oembed-container.full-width{width:100% !important}.oembed-container.full-width iframe{width:100% !important}.oembed-container.ratio-sizing{position:relative;width:100%;aspect-ratio:16/9}.oembed-container.ratio-sizing iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100% !important;height:100% !important}.oembed-container.align-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.oembed-container.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.oembed-container.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.twitter-timeline{width:100%} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(41, 154, 25, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(11, 124, 0, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .header{background-image:url('../files/bgimage-17.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.header{background-attachment:scroll!important}} .bgcolour{background-color:rgba(179, 179, 179, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgcolour{background-attachment:scroll!important}} .landscape{background-image:url('../files/bgimage-154.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.landscape{background-attachment:scroll!important}} .hedges{background-image:url('../files/bgimage-477.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.hedges{background-attachment:scroll!important}} .overlay{position:relative;z-index:0}.overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:rgba(0, 0, 0, 1.00) ;} #stacks_in_11 { margin: 100px 0px 100px 0px; } .stacks_in_15 img{width:100%;max-width:350px} #stacks_in_20 { margin: 5px 10px 5px 10px; } /* */ #icon-menu-stacks_in_22 { 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: center; -ms-flex-align: center; align-items: center; } #icon-menu-stacks_in_22 .icon-menu-toggle { /* */ background: rgba(248, 181, 0, 1.00); /* */ /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(0, 0, 0, 1.00); margin: 10px 10px; padding: 15px 25px; line-height: 25.888000px; border-radius: 40px; -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_22 .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_22 .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_22 .icon-menu-toggle:hover { /* */ background: rgba(62, 60, 75, 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_22 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_22 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_22 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_22 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_22.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_22.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_22.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_22.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_22.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_22.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_22.icon-menu-nav ul li { width: 25.000000%; 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_22.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_22.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: 0px; 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_22.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a:hover { /* */ background: rgba(248, 181, 9, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.40); } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(248, 181, 9, 1.00); } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_22.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_22.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_22.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_22.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_22.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_22.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_22.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_22.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_22.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_22.full-page.openyo { /* */ background: rgba(39, 144, 23, 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_22.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_22.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_22.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(39, 144, 23, 1.00); /* */ /* */ /* */ } #icon-menu-nav-stacks_in_22.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_22.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_22.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_22.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_22.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_22.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 0px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_22.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_22.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 0px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_22.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_22.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_22 #icon-menu-item-stacks_in_23.image-icon a .icon-menu-nav-icon { background: url(../files/icon_image_bg-23.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-label a .icon-menu-nav-label { color: rgba(0, 0, 0, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-icon a .icon-menu-nav-icon { color: rgba(0, 0, 0, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(0, 0, 0, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(0, 0, 0, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_23.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.image-icon a .icon-menu-nav-icon { background: url(../files/icon_image_bg-25.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_25.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.image-icon a .icon-menu-nav-icon { background: url(../files/icon_image_bg-27.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_27.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.image-icon a .icon-menu-nav-icon { background: url(../files/icon_image_bg-29.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_22 #icon-menu-item-stacks_in_29.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #stacks_in_42 { margin: 50px 0px 0px 0px; } /* -- Start Vegas Each css Template -- */ #stacks_in_44VegasSlideshow{ position: relative; min-height: 500px; } #stacks_in_44VegasInput{ position: relative; display: none; } #stacks_in_44 .vegas-overlay{ background:url("../files/vegasAssets/00.png") !important; } #stacks_in_44 .vegasalert{ background: #FAC5CE; border: 2px solid #B4284F; border-radius: 4px; color: #B4284F !important; padding: 15px; } #stacks_in_44 .vegasalert span{ font-size: 2em; font-weight: bold; } .stacks_in_44vegasContentBox{ 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%); } /* -- Unified -- */ .stacks_in_44vegasContent,.stacks_in_44vegasContent h1,.stacks_in_44vegasContent h2,.stacks_in_44vegasContent h3,.stacks_in_44vegasContent h4,.stacks_in_44vegasContent h5,.stacks_in_44vegasContent h6{ color: #FFFFFF !important; } .stacks_in_44vegasContent a,.stacks_in_44vegasContent a:active,.stacks_in_44vegasContent a:visited{ color: #3B94D9 !important; text-decoration: none !important; } .stacks_in_44vegasContent a:hover{ color: #DDDDDD !important; text-decoration: none !important; } .stacks_in_44vegasScrollButton i{ color: #FFFFFF !important; } .stacks_in_44vegasContentBox{ text-align: center !important; } .stacks_in_44vegasContentBox h1,.stacks_in_44vegasContentBox h2,.stacks_in_44vegasContentBox h3,.stacks_in_44vegasContentBox h4,.stacks_in_44vegasContentBox h5,.stacks_in_44vegasContentBox h6,.stacks_in_44vegasContentBox p{ margin: 0 !important; padding: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; line-height: normal !important; } .stacks_in_44vegasContent{ position: relative !important; margin: 0 auto; padding: 20px; max-width: 800px; } .stacks_in_44vegasScrollButton{ 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_44vegasScrollButton{ display: block; } /* -- End Unified -- */ @keyframes vegasanimation { 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 vegasanimation { 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 */ .vegasanimation { animation: vegasanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: vegasanimation 3s ease-in-out 0s infinite normal none; } /* -- End Vegas Each css Template -- */.stacks_in_50 img{width:100%;max-width:100px} #stacks_in_65 { margin: 10px 0px 0px 0px; } #stacks_in_54 { margin: 10px 0px 10px 0px; } #stacks_in_343 { margin: 0px 0px 40px 0px; } #imageComparestacks_in_351 { position: relative; z-index: 1; } #imageComparestacks_in_351 .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_351 .twentytwenty-before-label, #imageComparestacks_in_351 .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } #imageComparestacks_in_351 .twentytwenty-before-label, #imageComparestacks_in_351 .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #imageComparestacks_in_351 .twentytwenty-before-label, #imageComparestacks_in_351 .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } #imageComparestacks_in_351 .twentytwenty-before-label:before, #imageComparestacks_in_351 .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } #imageComparestacks_in_351 .twentytwenty-before-label:before, #imageComparestacks_in_351 .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #imageComparestacks_in_351 .twentytwenty-left-arrow, #imageComparestacks_in_351 .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } #imageComparestacks_in_351 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } #imageComparestacks_in_351 img { position: absolute; top: 0; display: block; } #imageComparestacks_in_351.active .twentytwenty-overlay, #imageComparestacks_in_351.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } #imageComparestacks_in_351.active .twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_351.active .twentytwenty-overlay .twentytwenty-after-label, #imageComparestacks_in_351.active :hover.twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_351.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_351 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #imageComparestacks_in_351 .twentytwenty-before-label { opacity: 0; } #imageComparestacks_in_351 .twentytwenty-before-label:before { content: "Before"; left: 10px; } #imageComparestacks_in_351 .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_351 .twentytwenty-after-label:before { content: "After"; right: 10px; } #imageComparestacks_in_351 .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } #imageComparestacks_in_351 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } #imageComparestacks_in_351 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } #imageComparestacks_in_351 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } #imageComparestacks_in_351 .twentytwenty-before { z-index: 20; } #imageComparestacks_in_351 .twentytwenty-after { z-index: 10; } #imageComparestacks_in_351 .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } #imageComparestacks_in_351 .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_351 .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_351 .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } #imageComparestacks_in_351 .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* @group Added by WW */ #imageComparestacks_in_351 img { max-width: 100%; height: auto; } #imageComparestacks_in_351 .twentytwenty-before-label:before { content: "Before"; } #imageComparestacks_in_351 .twentytwenty-after-label:before { content: "After"; } #imageComparestacks_in_351 .twentytwenty-before-label:before, #imageComparestacks_in_351 .twentytwenty-after-label:before { display: block; color: #FFFFFF; background: #555555; font-size: 100%; opacity: 0.80; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; letter-spacing: 0px; } #imageComparestacks_in_351 .twentytwenty-before-label, #imageComparestacks_in_351 .twentytwenty-after-label { display: none; } #imageComparestacks_in_351 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.50); } #imageComparestacks_in_351 .noscreen { display: none; } @media print { #imageComparestacks_in_351 { height: auto !important; overflow: auto; clear: both; page-break-inside: avoid; } #imageComparestacks_in_351 .twentytwenty-overlay, #imageComparestacks_in_351 .twentytwenty-handle { display: none !important; } #imageComparestacks_in_351.twentytwenty-container.imageCompare img { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; width: 48%; margin-right: 1%; height: auto; clip: auto; } } /* @end */ /* @group Edit Mode Styling */ /* @end */#imageComparestacks_in_349 { position: relative; z-index: 1; } #imageComparestacks_in_349 .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_349 .twentytwenty-before-label, #imageComparestacks_in_349 .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } #imageComparestacks_in_349 .twentytwenty-before-label, #imageComparestacks_in_349 .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #imageComparestacks_in_349 .twentytwenty-before-label, #imageComparestacks_in_349 .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } #imageComparestacks_in_349 .twentytwenty-before-label:before, #imageComparestacks_in_349 .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } #imageComparestacks_in_349 .twentytwenty-before-label:before, #imageComparestacks_in_349 .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #imageComparestacks_in_349 .twentytwenty-left-arrow, #imageComparestacks_in_349 .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } #imageComparestacks_in_349 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } #imageComparestacks_in_349 img { position: absolute; top: 0; display: block; } #imageComparestacks_in_349.active .twentytwenty-overlay, #imageComparestacks_in_349.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } #imageComparestacks_in_349.active .twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_349.active .twentytwenty-overlay .twentytwenty-after-label, #imageComparestacks_in_349.active :hover.twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_349.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_349 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #imageComparestacks_in_349 .twentytwenty-before-label { opacity: 0; } #imageComparestacks_in_349 .twentytwenty-before-label:before { content: "Before"; left: 10px; } #imageComparestacks_in_349 .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_349 .twentytwenty-after-label:before { content: "After"; right: 10px; } #imageComparestacks_in_349 .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } #imageComparestacks_in_349 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } #imageComparestacks_in_349 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } #imageComparestacks_in_349 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } #imageComparestacks_in_349 .twentytwenty-before { z-index: 20; } #imageComparestacks_in_349 .twentytwenty-after { z-index: 10; } #imageComparestacks_in_349 .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } #imageComparestacks_in_349 .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_349 .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_349 .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } #imageComparestacks_in_349 .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* @group Added by WW */ #imageComparestacks_in_349 img { max-width: 100%; height: auto; } #imageComparestacks_in_349 .twentytwenty-before-label:before { content: "Before"; } #imageComparestacks_in_349 .twentytwenty-after-label:before { content: "After"; } #imageComparestacks_in_349 .twentytwenty-before-label:before, #imageComparestacks_in_349 .twentytwenty-after-label:before { display: block; color: #FFFFFF; background: #555555; font-size: 100%; opacity: 0.80; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; letter-spacing: 0px; } #imageComparestacks_in_349 .twentytwenty-before-label, #imageComparestacks_in_349 .twentytwenty-after-label { display: none; } #imageComparestacks_in_349 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.50); } #imageComparestacks_in_349 .noscreen { display: none; } @media print { #imageComparestacks_in_349 { height: auto !important; overflow: auto; clear: both; page-break-inside: avoid; } #imageComparestacks_in_349 .twentytwenty-overlay, #imageComparestacks_in_349 .twentytwenty-handle { display: none !important; } #imageComparestacks_in_349.twentytwenty-container.imageCompare img { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; width: 48%; margin-right: 1%; height: auto; clip: auto; } } /* @end */ /* @group Edit Mode Styling */ /* @end */#imageComparestacks_in_347 { position: relative; z-index: 1; } #imageComparestacks_in_347 .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_347 .twentytwenty-before-label, #imageComparestacks_in_347 .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } #imageComparestacks_in_347 .twentytwenty-before-label, #imageComparestacks_in_347 .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #imageComparestacks_in_347 .twentytwenty-before-label, #imageComparestacks_in_347 .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } #imageComparestacks_in_347 .twentytwenty-before-label:before, #imageComparestacks_in_347 .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } #imageComparestacks_in_347 .twentytwenty-before-label:before, #imageComparestacks_in_347 .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #imageComparestacks_in_347 .twentytwenty-left-arrow, #imageComparestacks_in_347 .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } #imageComparestacks_in_347 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } #imageComparestacks_in_347 img { position: absolute; top: 0; display: block; } #imageComparestacks_in_347.active .twentytwenty-overlay, #imageComparestacks_in_347.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } #imageComparestacks_in_347.active .twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_347.active .twentytwenty-overlay .twentytwenty-after-label, #imageComparestacks_in_347.active :hover.twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_347.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_347 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #imageComparestacks_in_347 .twentytwenty-before-label { opacity: 0; } #imageComparestacks_in_347 .twentytwenty-before-label:before { content: "Before"; left: 10px; } #imageComparestacks_in_347 .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_347 .twentytwenty-after-label:before { content: "After"; right: 10px; } #imageComparestacks_in_347 .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } #imageComparestacks_in_347 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } #imageComparestacks_in_347 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } #imageComparestacks_in_347 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } #imageComparestacks_in_347 .twentytwenty-before { z-index: 20; } #imageComparestacks_in_347 .twentytwenty-after { z-index: 10; } #imageComparestacks_in_347 .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } #imageComparestacks_in_347 .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_347 .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_347 .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } #imageComparestacks_in_347 .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* @group Added by WW */ #imageComparestacks_in_347 img { max-width: 100%; height: auto; } #imageComparestacks_in_347 .twentytwenty-before-label:before { content: "Before"; } #imageComparestacks_in_347 .twentytwenty-after-label:before { content: "After"; } #imageComparestacks_in_347 .twentytwenty-before-label:before, #imageComparestacks_in_347 .twentytwenty-after-label:before { display: block; color: #FFFFFF; background: #555555; font-size: 100%; opacity: 0.80; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; letter-spacing: 0px; } #imageComparestacks_in_347 .twentytwenty-before-label, #imageComparestacks_in_347 .twentytwenty-after-label { display: none; } #imageComparestacks_in_347 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.50); } #imageComparestacks_in_347 .noscreen { display: none; } @media print { #imageComparestacks_in_347 { height: auto !important; overflow: auto; clear: both; page-break-inside: avoid; } #imageComparestacks_in_347 .twentytwenty-overlay, #imageComparestacks_in_347 .twentytwenty-handle { display: none !important; } #imageComparestacks_in_347.twentytwenty-container.imageCompare img { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; width: 48%; margin-right: 1%; height: auto; clip: auto; } } /* @end */ /* @group Edit Mode Styling */ /* @end */ #stacks_in_326 { margin: 0px 0px 30px 0px; } #stacks_in_331 p{font-size:40px;color:#F8B111;text-align:center;margin:0;padding:0}@media screen and (max-width:500px){#stacks_in_331 p{font-size:18px}} #stacks_out_221 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_162 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_221 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_221 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_221.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_221.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_background_stacks_in_221 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_221 #hop_background_stacks_in_221.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221 #hop_background_stacks_in_221.main-bg-color::before { opacity: 0; } #hop_stacks_in_221 #hop_background_stacks_in_221.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221 #hop_background_stacks_in_221.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_221 #hop_background_stacks_in_221.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_221 #hop_background_stacks_in_221.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_221 #hop_background_stacks_in_221.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221 #hop_background_stacks_in_221.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_221 #hop_background_stacks_in_221.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221 #hop_background_stacks_in_221.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_221 #hop_background_stacks_in_221::before { transition: all 0.3s ease; } #hop_stacks_in_221.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_221.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_221.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_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_221.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_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.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_221.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.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_221.expand #hop_titlebar_stacks_in_221 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_221.expand #hop_initial_stacks_in_221 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_221.expand #hop_initial_stacks_in_221 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_221.expand #hop_content_stacks_in_221 { 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_221.expand.hide-init #hop_initial_stacks_in_221 { display: none; } #hop_stacks_in_221.expand.custom-expand-colors #hop_titlebar_stacks_in_221 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_221.expand.custom-expand-colors #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h1, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h2, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h3, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h4, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h5, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) p, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) span, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) blockquote, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) ul, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) a, #hop_stacks_in_221.expand.custom-expand-colors #hop_content_stacks_in_221:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_221.fix { position: fixed; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 { 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_221 #hop_titlebar_stacks_in_221 .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_221 #hop_titlebar_stacks_in_221 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221 { 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_221 #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221.back, #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221 .hop-titlebar-button_stacks_in_221:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_221 #hop_titlebar_stacks_in_221.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_221 #hop_titlebar_stacks_in_221.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_221 #hop_initial_stacks_in_221 { 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_221 #hop_initial_stacks_in_221.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_initial_stacks_in_221.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_initial_stacks_in_221.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_initial_stacks_in_221 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_221 #hop_initial_stacks_in_221 h1, #hop_stacks_in_221 #hop_initial_stacks_in_221 h2, #hop_stacks_in_221 #hop_initial_stacks_in_221 h3, #hop_stacks_in_221 #hop_initial_stacks_in_221 h4, #hop_stacks_in_221 #hop_initial_stacks_in_221 h5, #hop_stacks_in_221 #hop_initial_stacks_in_221 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_221 #hop_initial_stacks_in_221 p, #hop_stacks_in_221 #hop_initial_stacks_in_221 span, #hop_stacks_in_221 #hop_initial_stacks_in_221 blockquote, #hop_stacks_in_221 #hop_initial_stacks_in_221 ul, #hop_stacks_in_221 #hop_initial_stacks_in_221 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_221 #hop_initial_stacks_in_221 a, #hop_stacks_in_221 #hop_initial_stacks_in_221 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_221 #hop_initial_stacks_in_221.custom-content { display: block; } #hop_stacks_in_221 #hop_initial_stacks_in_221 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_221 #hop_content_stacks_in_221 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_221 #hop_content_stacks_in_221 .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_221 #hop_content_stacks_in_221 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h1.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h2.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h3.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h4.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h5.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h6.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner p.main-font-preset, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h1.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h2.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h3.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h4.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h5.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h6.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner p.main-font-custom, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h1.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h2.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h3.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h4.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h5.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h6.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner p.main-font-google, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h1, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h2, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h3, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h4, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h5, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner p, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner span, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner blockquote, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner ul, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner a, #hop_stacks_in_221 #hop_content_stacks_in_221 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h1, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h2, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h3, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h4, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h5, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors p, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors span, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors blockquote, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors ul, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors a, #hop_stacks_in_221 #hop_content_stacks_in_221.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_221.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_221.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.w-to-h.expand #hop_titlebar_stacks_in_221 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_221.w-to-h.expand #hop_initial_stacks_in_221, #hop_stacks_in_221.w-to-h.expand #hop_content_stacks_in_221 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.w-to-h.expand .page-transition-cover_stacks_in_221: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_221.w-to-h.expand .page-transition-cover_stacks_in_221:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_221.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_221.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.h-to-w.expand #hop_titlebar_stacks_in_221 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_221.h-to-w.expand #hop_initial_stacks_in_221, #hop_stacks_in_221.h-to-w.expand #hop_content_stacks_in_221 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.h-to-w.expand .page-transition-cover_stacks_in_221: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_221.h-to-w.expand .page-transition-cover_stacks_in_221:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_221.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_221.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.even-spread.expand #hop_titlebar_stacks_in_221 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_221.even-spread.expand #hop_initial_stacks_in_221, #hop_stacks_in_221.even-spread.expand #hop_content_stacks_in_221 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.even-spread.expand.custom-expand-colors #hop_background_stacks_in_221.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_221.even-spread.expand .page-transition-cover_stacks_in_221: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_221.even-spread.expand .page-transition-cover_stacks_in_221:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_221.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_221.slide.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.slide.expand.main-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221: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_221.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221: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_221.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221: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_221.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221: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_221.slide.expand #hop_background_stacks_in_221 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_221.slide.expand .page-transition-cover_stacks_in_221:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_221.slide.expand .page-transition-cover_stacks_in_221:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_221.slide.expand.from-top .page-transition-cover_stacks_in_221:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_221.slide.expand.from-bottom .page-transition-cover_stacks_in_221:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_221.slide.expand.from-left .page-transition-cover_stacks_in_221:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_221.slide.expand.from-right .page-transition-cover_stacks_in_221:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_221.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_221.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_221 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221 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_221.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221 span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221 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_221.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221 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_221.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221 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_221.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221 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_221.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221 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_221.box-layer.expand #hop_background_stacks_in_221 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_221.box-layer.expand .page-transition-cover_stacks_in_221 { position: fixed; overflow: hidden; } #hop_stacks_in_221.box-layer.expand .page-transition-cover_stacks_in_221 span { position: absolute; } #hop_stacks_in_221.box-layer.expand.horizontal .page-transition-cover_stacks_in_221 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_221.box-layer.expand.horizontal .page-transition-cover_stacks_in_221 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_221.box-layer.expand.horizontal .page-transition-cover_stacks_in_221:nth-of-type(4), #hop_stacks_in_221.box-layer.expand.horizontal .page-transition-cover_stacks_in_221:nth-of-type(5), #hop_stacks_in_221.box-layer.expand.horizontal .page-transition-cover_stacks_in_221:nth-of-type(6) { display: none; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_221:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_221:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_221:nth-of-type(2) span { top: -100%; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_221:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_221:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_221:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_221:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_221:nth-of-type(2) span { top: -100%; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_221:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_221.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_221:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_221.box-layer.expand.vertical .page-transition-cover_stacks_in_221 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_221.box-layer.expand.vertical .page-transition-cover_stacks_in_221 span { width: 300%; height: 100%; } #hop_stacks_in_221.box-layer.expand.vertical .page-transition-cover_stacks_in_221:nth-of-type(4), #hop_stacks_in_221.box-layer.expand.vertical .page-transition-cover_stacks_in_221:nth-of-type(5), #hop_stacks_in_221.box-layer.expand.vertical .page-transition-cover_stacks_in_221:nth-of-type(6) { display: none; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_221:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_221:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_221:nth-of-type(2) span { left: -100%; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_221:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_221:nth-of-type(3) span { right: 0; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_221:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_221:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_221:nth-of-type(2) span { left: -100%; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_221:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_221.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_221:nth-of-type(3) span { right: 0; } #hop_stacks_in_221.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_221.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_221 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221 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_221.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221 span { background: url(../files/main_bg_full_image_1-221.png) no-repeat center center; background-size: cover; } #hop_stacks_in_221.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_221 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_221.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_221 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_221.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221 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_221.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_221 span::before { opacity: 0; } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_221 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_221.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_221.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_221 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_221.border-wrap.expand #hop_background_stacks_in_221 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_221.border-wrap.expand #hop_titlebar_stacks_in_221 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_221.border-wrap.expand #hop_initial_stacks_in_221, #hop_stacks_in_221.border-wrap.expand #hop_content_stacks_in_221 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221 { overflow: hidden; position: fixed; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221 span { position: absolute; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_221.border-wrap.expand .page-transition-cover_stacks_in_221: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_221.border-wrap.expand .page-transition-cover_stacks_in_221: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; } } /* */ #hop_initial_inner_stacks_in_222 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_222.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_222.content-center { justify-content: center; } #hop_initial_inner_stacks_in_222.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_222.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_222.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_222.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_222.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_222.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_222.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_222 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_222 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_222 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_222 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_222 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_222 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_222 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_222 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_222 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_222 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_222 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_222 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_222 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_222 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_222 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_222.expand { text-align: center; } #hop_initial_inner_stacks_in_222.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_222.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_222.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_222.expand .hop-initial--button { display: none; } .stacks_in_227 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_230, #ruleStackstacks_in_230:before, #ruleStackstacks_in_230:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_230 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_230 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_230 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_230 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_230 { text-align: center; } #ruleStackstacks_in_230:before, #ruleStackstacks_in_230:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_230:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_230:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_230 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_233, #ruleStackstacks_in_233:before, #ruleStackstacks_in_233:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_233 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_233 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_233 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_233 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_233 { text-align: center; } #ruleStackstacks_in_233:before, #ruleStackstacks_in_233:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_233:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_233:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_233 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_235 { margin: 20px 0px 20px 0px; } #stacks_out_202 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_162 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_202 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_202 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_202.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_202.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_background_stacks_in_202 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_202 #hop_background_stacks_in_202.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202 #hop_background_stacks_in_202.main-bg-color::before { opacity: 0; } #hop_stacks_in_202 #hop_background_stacks_in_202.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202 #hop_background_stacks_in_202.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_202 #hop_background_stacks_in_202.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_202 #hop_background_stacks_in_202.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_202 #hop_background_stacks_in_202.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202 #hop_background_stacks_in_202.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_202 #hop_background_stacks_in_202.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202 #hop_background_stacks_in_202.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_202 #hop_background_stacks_in_202::before { transition: all 0.3s ease; } #hop_stacks_in_202.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_202.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_202.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_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_202.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_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.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_202.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.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_202.expand #hop_titlebar_stacks_in_202 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_202.expand #hop_initial_stacks_in_202 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_202.expand #hop_initial_stacks_in_202 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_202.expand #hop_content_stacks_in_202 { 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_202.expand.hide-init #hop_initial_stacks_in_202 { display: none; } #hop_stacks_in_202.expand.custom-expand-colors #hop_titlebar_stacks_in_202 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_202.expand.custom-expand-colors #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h1, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h2, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h3, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h4, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h5, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) p, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) span, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) blockquote, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) ul, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) a, #hop_stacks_in_202.expand.custom-expand-colors #hop_content_stacks_in_202:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_202.fix { position: fixed; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 { 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_202 #hop_titlebar_stacks_in_202 .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_202 #hop_titlebar_stacks_in_202 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202 { 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_202 #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202.back, #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202 .hop-titlebar-button_stacks_in_202:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_202 #hop_titlebar_stacks_in_202.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_202 #hop_titlebar_stacks_in_202.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_202 #hop_initial_stacks_in_202 { 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_202 #hop_initial_stacks_in_202.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_initial_stacks_in_202.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_initial_stacks_in_202.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_initial_stacks_in_202 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_202 #hop_initial_stacks_in_202 h1, #hop_stacks_in_202 #hop_initial_stacks_in_202 h2, #hop_stacks_in_202 #hop_initial_stacks_in_202 h3, #hop_stacks_in_202 #hop_initial_stacks_in_202 h4, #hop_stacks_in_202 #hop_initial_stacks_in_202 h5, #hop_stacks_in_202 #hop_initial_stacks_in_202 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_202 #hop_initial_stacks_in_202 p, #hop_stacks_in_202 #hop_initial_stacks_in_202 span, #hop_stacks_in_202 #hop_initial_stacks_in_202 blockquote, #hop_stacks_in_202 #hop_initial_stacks_in_202 ul, #hop_stacks_in_202 #hop_initial_stacks_in_202 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_202 #hop_initial_stacks_in_202 a, #hop_stacks_in_202 #hop_initial_stacks_in_202 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_202 #hop_initial_stacks_in_202.custom-content { display: block; } #hop_stacks_in_202 #hop_initial_stacks_in_202 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_202 #hop_content_stacks_in_202 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_202 #hop_content_stacks_in_202 .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_202 #hop_content_stacks_in_202 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h1.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h2.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h3.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h4.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h5.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h6.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner p.main-font-preset, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h1.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h2.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h3.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h4.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h5.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h6.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner p.main-font-custom, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h1.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h2.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h3.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h4.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h5.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h6.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner p.main-font-google, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h1, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h2, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h3, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h4, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h5, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner p, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner span, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner blockquote, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner ul, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner a, #hop_stacks_in_202 #hop_content_stacks_in_202 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h1, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h2, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h3, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h4, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h5, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors p, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors span, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors blockquote, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors ul, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors a, #hop_stacks_in_202 #hop_content_stacks_in_202.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_202.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_202.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.w-to-h.expand #hop_titlebar_stacks_in_202 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_202.w-to-h.expand #hop_initial_stacks_in_202, #hop_stacks_in_202.w-to-h.expand #hop_content_stacks_in_202 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.w-to-h.expand .page-transition-cover_stacks_in_202: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_202.w-to-h.expand .page-transition-cover_stacks_in_202:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_202.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_202.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.h-to-w.expand #hop_titlebar_stacks_in_202 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_202.h-to-w.expand #hop_initial_stacks_in_202, #hop_stacks_in_202.h-to-w.expand #hop_content_stacks_in_202 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.h-to-w.expand .page-transition-cover_stacks_in_202: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_202.h-to-w.expand .page-transition-cover_stacks_in_202:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_202.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_202.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.even-spread.expand #hop_titlebar_stacks_in_202 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_202.even-spread.expand #hop_initial_stacks_in_202, #hop_stacks_in_202.even-spread.expand #hop_content_stacks_in_202 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.even-spread.expand.custom-expand-colors #hop_background_stacks_in_202.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_202.even-spread.expand .page-transition-cover_stacks_in_202: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_202.even-spread.expand .page-transition-cover_stacks_in_202:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_202.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_202.slide.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.slide.expand.main-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202: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_202.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202: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_202.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202: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_202.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202: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_202.slide.expand #hop_background_stacks_in_202 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_202.slide.expand .page-transition-cover_stacks_in_202:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_202.slide.expand .page-transition-cover_stacks_in_202:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_202.slide.expand.from-top .page-transition-cover_stacks_in_202:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_202.slide.expand.from-bottom .page-transition-cover_stacks_in_202:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_202.slide.expand.from-left .page-transition-cover_stacks_in_202:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_202.slide.expand.from-right .page-transition-cover_stacks_in_202:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_202.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_202.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_202 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202 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_202.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202 span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202 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_202.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202 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_202.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202 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_202.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202 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_202.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202 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_202.box-layer.expand #hop_background_stacks_in_202 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_202.box-layer.expand .page-transition-cover_stacks_in_202 { position: fixed; overflow: hidden; } #hop_stacks_in_202.box-layer.expand .page-transition-cover_stacks_in_202 span { position: absolute; } #hop_stacks_in_202.box-layer.expand.horizontal .page-transition-cover_stacks_in_202 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_202.box-layer.expand.horizontal .page-transition-cover_stacks_in_202 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_202.box-layer.expand.horizontal .page-transition-cover_stacks_in_202:nth-of-type(4), #hop_stacks_in_202.box-layer.expand.horizontal .page-transition-cover_stacks_in_202:nth-of-type(5), #hop_stacks_in_202.box-layer.expand.horizontal .page-transition-cover_stacks_in_202:nth-of-type(6) { display: none; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_202:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_202:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_202:nth-of-type(2) span { top: -100%; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_202:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_202:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_202:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_202:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_202:nth-of-type(2) span { top: -100%; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_202:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_202.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_202:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_202.box-layer.expand.vertical .page-transition-cover_stacks_in_202 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_202.box-layer.expand.vertical .page-transition-cover_stacks_in_202 span { width: 300%; height: 100%; } #hop_stacks_in_202.box-layer.expand.vertical .page-transition-cover_stacks_in_202:nth-of-type(4), #hop_stacks_in_202.box-layer.expand.vertical .page-transition-cover_stacks_in_202:nth-of-type(5), #hop_stacks_in_202.box-layer.expand.vertical .page-transition-cover_stacks_in_202:nth-of-type(6) { display: none; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_202:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_202:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_202:nth-of-type(2) span { left: -100%; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_202:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_202:nth-of-type(3) span { right: 0; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_202:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_202:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_202:nth-of-type(2) span { left: -100%; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_202:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_202.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_202:nth-of-type(3) span { right: 0; } #hop_stacks_in_202.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_202.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_202 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202 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_202.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202 span { background: url(../files/main_bg_full_image_1-202.png) no-repeat center center; background-size: cover; } #hop_stacks_in_202.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_202 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_202.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_202 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_202.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202 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_202.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_202 span::before { opacity: 0; } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_202 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_202.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_202.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_202 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_202.border-wrap.expand #hop_background_stacks_in_202 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_202.border-wrap.expand #hop_titlebar_stacks_in_202 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_202.border-wrap.expand #hop_initial_stacks_in_202, #hop_stacks_in_202.border-wrap.expand #hop_content_stacks_in_202 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202 { overflow: hidden; position: fixed; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202 span { position: absolute; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_202.border-wrap.expand .page-transition-cover_stacks_in_202: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_202.border-wrap.expand .page-transition-cover_stacks_in_202: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; } } /* */ #hop_initial_inner_stacks_in_203 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_203.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_203.content-center { justify-content: center; } #hop_initial_inner_stacks_in_203.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_203.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_203.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_203.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_203.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_203.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_203.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_203 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_203 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_203 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_203 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_203 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_203 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_203 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_203 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_203 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_203 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_203 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_203 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_203 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_203 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_203 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_203.expand { text-align: center; } #hop_initial_inner_stacks_in_203.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_203.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_203.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_203.expand .hop-initial--button { display: none; } .stacks_in_208 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_211, #ruleStackstacks_in_211:before, #ruleStackstacks_in_211:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_211 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_211 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_211 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_211 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_211 { text-align: center; } #ruleStackstacks_in_211:before, #ruleStackstacks_in_211:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_211:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_211:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_211 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_214, #ruleStackstacks_in_214:before, #ruleStackstacks_in_214:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_214 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_214 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_214 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_214 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_214 { text-align: center; } #ruleStackstacks_in_214:before, #ruleStackstacks_in_214:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_214:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_214:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_214 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_216 { margin: 20px 0px 20px 0px; } #stacks_out_183 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_162 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_183 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_183 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_183.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_183.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_background_stacks_in_183 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_183 #hop_background_stacks_in_183.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183 #hop_background_stacks_in_183.main-bg-color::before { opacity: 0; } #hop_stacks_in_183 #hop_background_stacks_in_183.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183 #hop_background_stacks_in_183.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_183 #hop_background_stacks_in_183.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_183 #hop_background_stacks_in_183.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_183 #hop_background_stacks_in_183.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183 #hop_background_stacks_in_183.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_183 #hop_background_stacks_in_183.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183 #hop_background_stacks_in_183.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_183 #hop_background_stacks_in_183::before { transition: all 0.3s ease; } #hop_stacks_in_183.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_183.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_183.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_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_183.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_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.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_183.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.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_183.expand #hop_titlebar_stacks_in_183 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_183.expand #hop_initial_stacks_in_183 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_183.expand #hop_initial_stacks_in_183 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_183.expand #hop_content_stacks_in_183 { 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_183.expand.hide-init #hop_initial_stacks_in_183 { display: none; } #hop_stacks_in_183.expand.custom-expand-colors #hop_titlebar_stacks_in_183 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_183.expand.custom-expand-colors #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h1, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h2, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h3, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h4, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h5, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) p, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) span, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) blockquote, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) ul, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) a, #hop_stacks_in_183.expand.custom-expand-colors #hop_content_stacks_in_183:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_183.fix { position: fixed; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 { 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_183 #hop_titlebar_stacks_in_183 .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_183 #hop_titlebar_stacks_in_183 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183 { 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_183 #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183.back, #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183 .hop-titlebar-button_stacks_in_183:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_183 #hop_titlebar_stacks_in_183.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_183 #hop_titlebar_stacks_in_183.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_183 #hop_initial_stacks_in_183 { 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_183 #hop_initial_stacks_in_183.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_initial_stacks_in_183.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_initial_stacks_in_183.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_initial_stacks_in_183 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_183 #hop_initial_stacks_in_183 h1, #hop_stacks_in_183 #hop_initial_stacks_in_183 h2, #hop_stacks_in_183 #hop_initial_stacks_in_183 h3, #hop_stacks_in_183 #hop_initial_stacks_in_183 h4, #hop_stacks_in_183 #hop_initial_stacks_in_183 h5, #hop_stacks_in_183 #hop_initial_stacks_in_183 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_183 #hop_initial_stacks_in_183 p, #hop_stacks_in_183 #hop_initial_stacks_in_183 span, #hop_stacks_in_183 #hop_initial_stacks_in_183 blockquote, #hop_stacks_in_183 #hop_initial_stacks_in_183 ul, #hop_stacks_in_183 #hop_initial_stacks_in_183 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_183 #hop_initial_stacks_in_183 a, #hop_stacks_in_183 #hop_initial_stacks_in_183 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_183 #hop_initial_stacks_in_183.custom-content { display: block; } #hop_stacks_in_183 #hop_initial_stacks_in_183 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_183 #hop_content_stacks_in_183 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_183 #hop_content_stacks_in_183 .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_183 #hop_content_stacks_in_183 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h1.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h2.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h3.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h4.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h5.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h6.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner p.main-font-preset, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h1.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h2.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h3.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h4.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h5.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h6.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner p.main-font-custom, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h1.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h2.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h3.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h4.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h5.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h6.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner p.main-font-google, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h1, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h2, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h3, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h4, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h5, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner p, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner span, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner blockquote, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner ul, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner a, #hop_stacks_in_183 #hop_content_stacks_in_183 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h1, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h2, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h3, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h4, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h5, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors p, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors span, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors blockquote, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors ul, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors a, #hop_stacks_in_183 #hop_content_stacks_in_183.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_183.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_183.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.w-to-h.expand #hop_titlebar_stacks_in_183 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_183.w-to-h.expand #hop_initial_stacks_in_183, #hop_stacks_in_183.w-to-h.expand #hop_content_stacks_in_183 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.w-to-h.expand .page-transition-cover_stacks_in_183: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_183.w-to-h.expand .page-transition-cover_stacks_in_183:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_183.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_183.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.h-to-w.expand #hop_titlebar_stacks_in_183 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_183.h-to-w.expand #hop_initial_stacks_in_183, #hop_stacks_in_183.h-to-w.expand #hop_content_stacks_in_183 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.h-to-w.expand .page-transition-cover_stacks_in_183: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_183.h-to-w.expand .page-transition-cover_stacks_in_183:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_183.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_183.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.even-spread.expand #hop_titlebar_stacks_in_183 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_183.even-spread.expand #hop_initial_stacks_in_183, #hop_stacks_in_183.even-spread.expand #hop_content_stacks_in_183 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.even-spread.expand.custom-expand-colors #hop_background_stacks_in_183.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_183.even-spread.expand .page-transition-cover_stacks_in_183: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_183.even-spread.expand .page-transition-cover_stacks_in_183:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_183.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_183.slide.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.slide.expand.main-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183: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_183.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183: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_183.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183: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_183.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183: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_183.slide.expand #hop_background_stacks_in_183 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_183.slide.expand .page-transition-cover_stacks_in_183:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_183.slide.expand .page-transition-cover_stacks_in_183:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_183.slide.expand.from-top .page-transition-cover_stacks_in_183:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_183.slide.expand.from-bottom .page-transition-cover_stacks_in_183:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_183.slide.expand.from-left .page-transition-cover_stacks_in_183:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_183.slide.expand.from-right .page-transition-cover_stacks_in_183:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_183.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_183.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_183 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183 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_183.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183 span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183 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_183.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183 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_183.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183 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_183.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183 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_183.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183 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_183.box-layer.expand #hop_background_stacks_in_183 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_183.box-layer.expand .page-transition-cover_stacks_in_183 { position: fixed; overflow: hidden; } #hop_stacks_in_183.box-layer.expand .page-transition-cover_stacks_in_183 span { position: absolute; } #hop_stacks_in_183.box-layer.expand.horizontal .page-transition-cover_stacks_in_183 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_183.box-layer.expand.horizontal .page-transition-cover_stacks_in_183 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_183.box-layer.expand.horizontal .page-transition-cover_stacks_in_183:nth-of-type(4), #hop_stacks_in_183.box-layer.expand.horizontal .page-transition-cover_stacks_in_183:nth-of-type(5), #hop_stacks_in_183.box-layer.expand.horizontal .page-transition-cover_stacks_in_183:nth-of-type(6) { display: none; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_183:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_183:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_183:nth-of-type(2) span { top: -100%; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_183:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_183:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_183:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_183:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_183:nth-of-type(2) span { top: -100%; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_183:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_183.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_183:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_183.box-layer.expand.vertical .page-transition-cover_stacks_in_183 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_183.box-layer.expand.vertical .page-transition-cover_stacks_in_183 span { width: 300%; height: 100%; } #hop_stacks_in_183.box-layer.expand.vertical .page-transition-cover_stacks_in_183:nth-of-type(4), #hop_stacks_in_183.box-layer.expand.vertical .page-transition-cover_stacks_in_183:nth-of-type(5), #hop_stacks_in_183.box-layer.expand.vertical .page-transition-cover_stacks_in_183:nth-of-type(6) { display: none; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_183:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_183:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_183:nth-of-type(2) span { left: -100%; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_183:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_183:nth-of-type(3) span { right: 0; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_183:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_183:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_183:nth-of-type(2) span { left: -100%; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_183:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_183.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_183:nth-of-type(3) span { right: 0; } #hop_stacks_in_183.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_183.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_183 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183 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_183.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183 span { background: url(../files/main_bg_full_image_1-183.png) no-repeat center center; background-size: cover; } #hop_stacks_in_183.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_183 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_183.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_183 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_183.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183 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_183.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_183 span::before { opacity: 0; } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_183 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_183.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_183.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_183 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_183.border-wrap.expand #hop_background_stacks_in_183 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_183.border-wrap.expand #hop_titlebar_stacks_in_183 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_183.border-wrap.expand #hop_initial_stacks_in_183, #hop_stacks_in_183.border-wrap.expand #hop_content_stacks_in_183 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183 { overflow: hidden; position: fixed; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183 span { position: absolute; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_183.border-wrap.expand .page-transition-cover_stacks_in_183: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_183.border-wrap.expand .page-transition-cover_stacks_in_183: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; } } /* */ #hop_initial_inner_stacks_in_184 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_184.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_184.content-center { justify-content: center; } #hop_initial_inner_stacks_in_184.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_184.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_184.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_184.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_184.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_184.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_184.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_184 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_184 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_184 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_184 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_184 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_184 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_184 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_184 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_184 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_184 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_184 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_184 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_184 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_184 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_184 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_184.expand { text-align: center; } #hop_initial_inner_stacks_in_184.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_184.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_184.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_184.expand .hop-initial--button { display: none; } .stacks_in_189 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_192, #ruleStackstacks_in_192:before, #ruleStackstacks_in_192:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_192 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_192 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_192 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_192 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_192 { text-align: center; } #ruleStackstacks_in_192:before, #ruleStackstacks_in_192:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_192:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_192:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_192 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_195, #ruleStackstacks_in_195:before, #ruleStackstacks_in_195:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_195 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_195 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_195 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_195 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_195 { text-align: center; } #ruleStackstacks_in_195:before, #ruleStackstacks_in_195:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_195:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_195:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_195 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_197 { margin: 20px 0px 20px 0px; } #stacks_out_164 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_162 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_164 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_164 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_164.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_164.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_background_stacks_in_164 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_164 #hop_background_stacks_in_164.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164 #hop_background_stacks_in_164.main-bg-color::before { opacity: 0; } #hop_stacks_in_164 #hop_background_stacks_in_164.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164 #hop_background_stacks_in_164.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_164 #hop_background_stacks_in_164.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_164 #hop_background_stacks_in_164.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_164 #hop_background_stacks_in_164.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164 #hop_background_stacks_in_164.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_164 #hop_background_stacks_in_164.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164 #hop_background_stacks_in_164.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_164 #hop_background_stacks_in_164::before { transition: all 0.3s ease; } #hop_stacks_in_164.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_164.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_164.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_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_164.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_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.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_164.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.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_164.expand #hop_titlebar_stacks_in_164 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_164.expand #hop_initial_stacks_in_164 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_164.expand #hop_initial_stacks_in_164 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_164.expand #hop_content_stacks_in_164 { 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_164.expand.hide-init #hop_initial_stacks_in_164 { display: none; } #hop_stacks_in_164.expand.custom-expand-colors #hop_titlebar_stacks_in_164 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_164.expand.custom-expand-colors #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h1, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h2, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h3, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h4, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h5, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) p, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) span, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) blockquote, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) ul, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) a, #hop_stacks_in_164.expand.custom-expand-colors #hop_content_stacks_in_164:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_164.fix { position: fixed; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 { 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_164 #hop_titlebar_stacks_in_164 .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_164 #hop_titlebar_stacks_in_164 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164 { 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_164 #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164.back, #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164 .hop-titlebar-button_stacks_in_164:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_164 #hop_titlebar_stacks_in_164.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_164 #hop_titlebar_stacks_in_164.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_164 #hop_initial_stacks_in_164 { 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_164 #hop_initial_stacks_in_164.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_initial_stacks_in_164.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_initial_stacks_in_164.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_initial_stacks_in_164 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_164 #hop_initial_stacks_in_164 h1, #hop_stacks_in_164 #hop_initial_stacks_in_164 h2, #hop_stacks_in_164 #hop_initial_stacks_in_164 h3, #hop_stacks_in_164 #hop_initial_stacks_in_164 h4, #hop_stacks_in_164 #hop_initial_stacks_in_164 h5, #hop_stacks_in_164 #hop_initial_stacks_in_164 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_164 #hop_initial_stacks_in_164 p, #hop_stacks_in_164 #hop_initial_stacks_in_164 span, #hop_stacks_in_164 #hop_initial_stacks_in_164 blockquote, #hop_stacks_in_164 #hop_initial_stacks_in_164 ul, #hop_stacks_in_164 #hop_initial_stacks_in_164 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_164 #hop_initial_stacks_in_164 a, #hop_stacks_in_164 #hop_initial_stacks_in_164 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_164 #hop_initial_stacks_in_164.custom-content { display: block; } #hop_stacks_in_164 #hop_initial_stacks_in_164 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_164 #hop_content_stacks_in_164 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_164 #hop_content_stacks_in_164 .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_164 #hop_content_stacks_in_164 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h1.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h2.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h3.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h4.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h5.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h6.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner p.main-font-preset, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h1.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h2.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h3.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h4.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h5.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h6.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner p.main-font-custom, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h1.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h2.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h3.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h4.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h5.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h6.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner p.main-font-google, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h1, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h2, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h3, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h4, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h5, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner p, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner span, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner blockquote, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner ul, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner a, #hop_stacks_in_164 #hop_content_stacks_in_164 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h1, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h2, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h3, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h4, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h5, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors p, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors span, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors blockquote, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors ul, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors a, #hop_stacks_in_164 #hop_content_stacks_in_164.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_164.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_164.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.w-to-h.expand #hop_titlebar_stacks_in_164 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_164.w-to-h.expand #hop_initial_stacks_in_164, #hop_stacks_in_164.w-to-h.expand #hop_content_stacks_in_164 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.w-to-h.expand .page-transition-cover_stacks_in_164: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_164.w-to-h.expand .page-transition-cover_stacks_in_164:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_164.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_164.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.h-to-w.expand #hop_titlebar_stacks_in_164 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_164.h-to-w.expand #hop_initial_stacks_in_164, #hop_stacks_in_164.h-to-w.expand #hop_content_stacks_in_164 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.h-to-w.expand .page-transition-cover_stacks_in_164: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_164.h-to-w.expand .page-transition-cover_stacks_in_164:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_164.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_164.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.even-spread.expand #hop_titlebar_stacks_in_164 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_164.even-spread.expand #hop_initial_stacks_in_164, #hop_stacks_in_164.even-spread.expand #hop_content_stacks_in_164 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.even-spread.expand.custom-expand-colors #hop_background_stacks_in_164.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_164.even-spread.expand .page-transition-cover_stacks_in_164: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_164.even-spread.expand .page-transition-cover_stacks_in_164:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_164.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_164.slide.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.slide.expand.main-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164: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_164.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164: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_164.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164: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_164.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164: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_164.slide.expand #hop_background_stacks_in_164 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_164.slide.expand .page-transition-cover_stacks_in_164:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_164.slide.expand .page-transition-cover_stacks_in_164:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_164.slide.expand.from-top .page-transition-cover_stacks_in_164:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_164.slide.expand.from-bottom .page-transition-cover_stacks_in_164:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_164.slide.expand.from-left .page-transition-cover_stacks_in_164:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_164.slide.expand.from-right .page-transition-cover_stacks_in_164:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_164.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_164.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_164 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164 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_164.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164 span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164 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_164.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164 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_164.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164 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_164.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164 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_164.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164 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_164.box-layer.expand #hop_background_stacks_in_164 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_164.box-layer.expand .page-transition-cover_stacks_in_164 { position: fixed; overflow: hidden; } #hop_stacks_in_164.box-layer.expand .page-transition-cover_stacks_in_164 span { position: absolute; } #hop_stacks_in_164.box-layer.expand.horizontal .page-transition-cover_stacks_in_164 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_164.box-layer.expand.horizontal .page-transition-cover_stacks_in_164 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_164.box-layer.expand.horizontal .page-transition-cover_stacks_in_164:nth-of-type(4), #hop_stacks_in_164.box-layer.expand.horizontal .page-transition-cover_stacks_in_164:nth-of-type(5), #hop_stacks_in_164.box-layer.expand.horizontal .page-transition-cover_stacks_in_164:nth-of-type(6) { display: none; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_164:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_164:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_164:nth-of-type(2) span { top: -100%; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_164:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_164:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_164:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_164:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_164:nth-of-type(2) span { top: -100%; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_164:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_164.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_164:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_164.box-layer.expand.vertical .page-transition-cover_stacks_in_164 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_164.box-layer.expand.vertical .page-transition-cover_stacks_in_164 span { width: 300%; height: 100%; } #hop_stacks_in_164.box-layer.expand.vertical .page-transition-cover_stacks_in_164:nth-of-type(4), #hop_stacks_in_164.box-layer.expand.vertical .page-transition-cover_stacks_in_164:nth-of-type(5), #hop_stacks_in_164.box-layer.expand.vertical .page-transition-cover_stacks_in_164:nth-of-type(6) { display: none; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_164:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_164:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_164:nth-of-type(2) span { left: -100%; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_164:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_164:nth-of-type(3) span { right: 0; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_164:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_164:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_164:nth-of-type(2) span { left: -100%; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_164:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_164.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_164:nth-of-type(3) span { right: 0; } #hop_stacks_in_164.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_164.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_164 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164 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_164.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164 span { background: url(../files/main_bg_full_image_1-164.png) no-repeat center center; background-size: cover; } #hop_stacks_in_164.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_164 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_164.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_164 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_164.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164 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_164.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_164 span::before { opacity: 0; } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_164 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_164.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_164.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_164 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_164.border-wrap.expand #hop_background_stacks_in_164 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_164.border-wrap.expand #hop_titlebar_stacks_in_164 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_164.border-wrap.expand #hop_initial_stacks_in_164, #hop_stacks_in_164.border-wrap.expand #hop_content_stacks_in_164 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164 { overflow: hidden; position: fixed; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164 span { position: absolute; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_164.border-wrap.expand .page-transition-cover_stacks_in_164: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_164.border-wrap.expand .page-transition-cover_stacks_in_164: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; } } /* */ #hop_initial_inner_stacks_in_165 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_165.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_165.content-center { justify-content: center; } #hop_initial_inner_stacks_in_165.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_165.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_165.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_165.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_165.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_165.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_165.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_165 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_165 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_165 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_165 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_165 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_165 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_165 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_165 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_165 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_165 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_165 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_165 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_165 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_165 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_165 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_165.expand { text-align: center; } #hop_initial_inner_stacks_in_165.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_165.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_165.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_165.expand .hop-initial--button { display: none; } .stacks_in_170 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_173, #ruleStackstacks_in_173:before, #ruleStackstacks_in_173:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_173 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_173 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_173 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_173 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_173 { text-align: center; } #ruleStackstacks_in_173:before, #ruleStackstacks_in_173:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_173:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_173:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_173 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_176, #ruleStackstacks_in_176:before, #ruleStackstacks_in_176:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_176 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_176 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_176 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_176 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_176 { text-align: center; } #ruleStackstacks_in_176:before, #ruleStackstacks_in_176:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_176:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_176:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_176 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_178 { margin: 20px 0px 20px 0px; } #stacks_out_300 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_241 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_300 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_300 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_300.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_300.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_background_stacks_in_300 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_300 #hop_background_stacks_in_300.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300 #hop_background_stacks_in_300.main-bg-color::before { opacity: 0; } #hop_stacks_in_300 #hop_background_stacks_in_300.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300 #hop_background_stacks_in_300.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_300 #hop_background_stacks_in_300.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_300 #hop_background_stacks_in_300.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_300 #hop_background_stacks_in_300.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300 #hop_background_stacks_in_300.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_300 #hop_background_stacks_in_300.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300 #hop_background_stacks_in_300.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_300 #hop_background_stacks_in_300::before { transition: all 0.3s ease; } #hop_stacks_in_300.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_300.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_300.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_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_300.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_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.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_300.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.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_300.expand #hop_titlebar_stacks_in_300 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_300.expand #hop_initial_stacks_in_300 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_300.expand #hop_initial_stacks_in_300 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_300.expand #hop_content_stacks_in_300 { 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_300.expand.hide-init #hop_initial_stacks_in_300 { display: none; } #hop_stacks_in_300.expand.custom-expand-colors #hop_titlebar_stacks_in_300 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_300.expand.custom-expand-colors #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h1, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h2, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h3, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h4, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h5, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) p, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) span, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) blockquote, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) ul, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) a, #hop_stacks_in_300.expand.custom-expand-colors #hop_content_stacks_in_300:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_300.fix { position: fixed; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 { 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_300 #hop_titlebar_stacks_in_300 .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_300 #hop_titlebar_stacks_in_300 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300 { 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_300 #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300.back, #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300 .hop-titlebar-button_stacks_in_300:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_300 #hop_titlebar_stacks_in_300.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_300 #hop_titlebar_stacks_in_300.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_300 #hop_initial_stacks_in_300 { 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_300 #hop_initial_stacks_in_300.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_initial_stacks_in_300.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_initial_stacks_in_300.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_initial_stacks_in_300 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_300 #hop_initial_stacks_in_300 h1, #hop_stacks_in_300 #hop_initial_stacks_in_300 h2, #hop_stacks_in_300 #hop_initial_stacks_in_300 h3, #hop_stacks_in_300 #hop_initial_stacks_in_300 h4, #hop_stacks_in_300 #hop_initial_stacks_in_300 h5, #hop_stacks_in_300 #hop_initial_stacks_in_300 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_300 #hop_initial_stacks_in_300 p, #hop_stacks_in_300 #hop_initial_stacks_in_300 span, #hop_stacks_in_300 #hop_initial_stacks_in_300 blockquote, #hop_stacks_in_300 #hop_initial_stacks_in_300 ul, #hop_stacks_in_300 #hop_initial_stacks_in_300 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_300 #hop_initial_stacks_in_300 a, #hop_stacks_in_300 #hop_initial_stacks_in_300 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_300 #hop_initial_stacks_in_300.custom-content { display: block; } #hop_stacks_in_300 #hop_initial_stacks_in_300 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_300 #hop_content_stacks_in_300 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_300 #hop_content_stacks_in_300 .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_300 #hop_content_stacks_in_300 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h1.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h2.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h3.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h4.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h5.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h6.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner p.main-font-preset, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h1.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h2.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h3.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h4.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h5.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h6.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner p.main-font-custom, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h1.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h2.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h3.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h4.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h5.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h6.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner p.main-font-google, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h1, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h2, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h3, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h4, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h5, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner p, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner span, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner blockquote, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner ul, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner a, #hop_stacks_in_300 #hop_content_stacks_in_300 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h1, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h2, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h3, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h4, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h5, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors p, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors span, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors blockquote, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors ul, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors a, #hop_stacks_in_300 #hop_content_stacks_in_300.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_300.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_300.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.w-to-h.expand #hop_titlebar_stacks_in_300 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_300.w-to-h.expand #hop_initial_stacks_in_300, #hop_stacks_in_300.w-to-h.expand #hop_content_stacks_in_300 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.w-to-h.expand .page-transition-cover_stacks_in_300: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_300.w-to-h.expand .page-transition-cover_stacks_in_300:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_300.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_300.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.h-to-w.expand #hop_titlebar_stacks_in_300 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_300.h-to-w.expand #hop_initial_stacks_in_300, #hop_stacks_in_300.h-to-w.expand #hop_content_stacks_in_300 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.h-to-w.expand .page-transition-cover_stacks_in_300: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_300.h-to-w.expand .page-transition-cover_stacks_in_300:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_300.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_300.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.even-spread.expand #hop_titlebar_stacks_in_300 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_300.even-spread.expand #hop_initial_stacks_in_300, #hop_stacks_in_300.even-spread.expand #hop_content_stacks_in_300 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.even-spread.expand.custom-expand-colors #hop_background_stacks_in_300.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_300.even-spread.expand .page-transition-cover_stacks_in_300: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_300.even-spread.expand .page-transition-cover_stacks_in_300:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_300.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_300.slide.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.slide.expand.main-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300: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_300.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300: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_300.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300: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_300.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300: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_300.slide.expand #hop_background_stacks_in_300 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_300.slide.expand .page-transition-cover_stacks_in_300:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_300.slide.expand .page-transition-cover_stacks_in_300:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_300.slide.expand.from-top .page-transition-cover_stacks_in_300:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_300.slide.expand.from-bottom .page-transition-cover_stacks_in_300:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_300.slide.expand.from-left .page-transition-cover_stacks_in_300:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_300.slide.expand.from-right .page-transition-cover_stacks_in_300:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_300.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_300.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_300 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300 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_300.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300 span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300 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_300.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300 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_300.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300 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_300.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300 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_300.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300 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_300.box-layer.expand #hop_background_stacks_in_300 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_300.box-layer.expand .page-transition-cover_stacks_in_300 { position: fixed; overflow: hidden; } #hop_stacks_in_300.box-layer.expand .page-transition-cover_stacks_in_300 span { position: absolute; } #hop_stacks_in_300.box-layer.expand.horizontal .page-transition-cover_stacks_in_300 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_300.box-layer.expand.horizontal .page-transition-cover_stacks_in_300 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_300.box-layer.expand.horizontal .page-transition-cover_stacks_in_300:nth-of-type(4), #hop_stacks_in_300.box-layer.expand.horizontal .page-transition-cover_stacks_in_300:nth-of-type(5), #hop_stacks_in_300.box-layer.expand.horizontal .page-transition-cover_stacks_in_300:nth-of-type(6) { display: none; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_300:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_300:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_300:nth-of-type(2) span { top: -100%; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_300:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_300:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_300:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_300:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_300:nth-of-type(2) span { top: -100%; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_300:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_300.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_300:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_300.box-layer.expand.vertical .page-transition-cover_stacks_in_300 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_300.box-layer.expand.vertical .page-transition-cover_stacks_in_300 span { width: 300%; height: 100%; } #hop_stacks_in_300.box-layer.expand.vertical .page-transition-cover_stacks_in_300:nth-of-type(4), #hop_stacks_in_300.box-layer.expand.vertical .page-transition-cover_stacks_in_300:nth-of-type(5), #hop_stacks_in_300.box-layer.expand.vertical .page-transition-cover_stacks_in_300:nth-of-type(6) { display: none; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_300:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_300:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_300:nth-of-type(2) span { left: -100%; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_300:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_300:nth-of-type(3) span { right: 0; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_300:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_300:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_300:nth-of-type(2) span { left: -100%; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_300:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_300.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_300:nth-of-type(3) span { right: 0; } #hop_stacks_in_300.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_300.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_300 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300 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_300.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300 span { background: url(../files/main_bg_full_image_1-300.png) no-repeat center center; background-size: cover; } #hop_stacks_in_300.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_300 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_300.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_300 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_300.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300 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_300.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_300 span::before { opacity: 0; } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_300 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_300.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_300.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_300 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_300.border-wrap.expand #hop_background_stacks_in_300 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_300.border-wrap.expand #hop_titlebar_stacks_in_300 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_300.border-wrap.expand #hop_initial_stacks_in_300, #hop_stacks_in_300.border-wrap.expand #hop_content_stacks_in_300 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300 { overflow: hidden; position: fixed; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300 span { position: absolute; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_300.border-wrap.expand .page-transition-cover_stacks_in_300: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_300.border-wrap.expand .page-transition-cover_stacks_in_300: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; } } /* */ #hop_initial_inner_stacks_in_301 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_301.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_301.content-center { justify-content: center; } #hop_initial_inner_stacks_in_301.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_301.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_301.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_301.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_301.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_301.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_301.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_301 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_301 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_301 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_301 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_301 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_301 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_301 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_301 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_301 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_301 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_301 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_301 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_301 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_301 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_301 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_301.expand { text-align: center; } #hop_initial_inner_stacks_in_301.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_301.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_301.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_301.expand .hop-initial--button { display: none; } .stacks_in_306 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_309, #ruleStackstacks_in_309:before, #ruleStackstacks_in_309:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_309 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_309 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_309 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_309 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_309 { text-align: center; } #ruleStackstacks_in_309:before, #ruleStackstacks_in_309:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_309:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_309:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_309 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_312, #ruleStackstacks_in_312:before, #ruleStackstacks_in_312:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_312 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_312 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_312 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_312 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_312 { text-align: center; } #ruleStackstacks_in_312:before, #ruleStackstacks_in_312:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_312:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_312:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_312 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_314 { margin: 20px 0px 20px 0px; } #stacks_out_281 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_241 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_281 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_281 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_281.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_281.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_background_stacks_in_281 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_281 #hop_background_stacks_in_281.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281 #hop_background_stacks_in_281.main-bg-color::before { opacity: 0; } #hop_stacks_in_281 #hop_background_stacks_in_281.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281 #hop_background_stacks_in_281.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_281 #hop_background_stacks_in_281.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_281 #hop_background_stacks_in_281.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_281 #hop_background_stacks_in_281.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281 #hop_background_stacks_in_281.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_281 #hop_background_stacks_in_281.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281 #hop_background_stacks_in_281.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_281 #hop_background_stacks_in_281::before { transition: all 0.3s ease; } #hop_stacks_in_281.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_281.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_281.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_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_281.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_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.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_281.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.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_281.expand #hop_titlebar_stacks_in_281 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_281.expand #hop_initial_stacks_in_281 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_281.expand #hop_initial_stacks_in_281 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_281.expand #hop_content_stacks_in_281 { 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_281.expand.hide-init #hop_initial_stacks_in_281 { display: none; } #hop_stacks_in_281.expand.custom-expand-colors #hop_titlebar_stacks_in_281 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_281.expand.custom-expand-colors #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h1, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h2, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h3, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h4, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h5, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) p, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) span, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) blockquote, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) ul, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) a, #hop_stacks_in_281.expand.custom-expand-colors #hop_content_stacks_in_281:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_281.fix { position: fixed; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 { 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_281 #hop_titlebar_stacks_in_281 .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_281 #hop_titlebar_stacks_in_281 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281 { 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_281 #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281.back, #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281 .hop-titlebar-button_stacks_in_281:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_281 #hop_titlebar_stacks_in_281.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_281 #hop_titlebar_stacks_in_281.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_281 #hop_initial_stacks_in_281 { 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_281 #hop_initial_stacks_in_281.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_initial_stacks_in_281.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_initial_stacks_in_281.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_initial_stacks_in_281 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_281 #hop_initial_stacks_in_281 h1, #hop_stacks_in_281 #hop_initial_stacks_in_281 h2, #hop_stacks_in_281 #hop_initial_stacks_in_281 h3, #hop_stacks_in_281 #hop_initial_stacks_in_281 h4, #hop_stacks_in_281 #hop_initial_stacks_in_281 h5, #hop_stacks_in_281 #hop_initial_stacks_in_281 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_281 #hop_initial_stacks_in_281 p, #hop_stacks_in_281 #hop_initial_stacks_in_281 span, #hop_stacks_in_281 #hop_initial_stacks_in_281 blockquote, #hop_stacks_in_281 #hop_initial_stacks_in_281 ul, #hop_stacks_in_281 #hop_initial_stacks_in_281 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_281 #hop_initial_stacks_in_281 a, #hop_stacks_in_281 #hop_initial_stacks_in_281 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_281 #hop_initial_stacks_in_281.custom-content { display: block; } #hop_stacks_in_281 #hop_initial_stacks_in_281 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_281 #hop_content_stacks_in_281 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_281 #hop_content_stacks_in_281 .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_281 #hop_content_stacks_in_281 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h1.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h2.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h3.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h4.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h5.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h6.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner p.main-font-preset, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h1.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h2.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h3.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h4.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h5.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h6.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner p.main-font-custom, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h1.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h2.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h3.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h4.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h5.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h6.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner p.main-font-google, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h1, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h2, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h3, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h4, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h5, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner p, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner span, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner blockquote, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner ul, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner a, #hop_stacks_in_281 #hop_content_stacks_in_281 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h1, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h2, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h3, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h4, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h5, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors p, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors span, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors blockquote, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors ul, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors a, #hop_stacks_in_281 #hop_content_stacks_in_281.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_281.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_281.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.w-to-h.expand #hop_titlebar_stacks_in_281 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_281.w-to-h.expand #hop_initial_stacks_in_281, #hop_stacks_in_281.w-to-h.expand #hop_content_stacks_in_281 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.w-to-h.expand .page-transition-cover_stacks_in_281: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_281.w-to-h.expand .page-transition-cover_stacks_in_281:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_281.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_281.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.h-to-w.expand #hop_titlebar_stacks_in_281 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_281.h-to-w.expand #hop_initial_stacks_in_281, #hop_stacks_in_281.h-to-w.expand #hop_content_stacks_in_281 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.h-to-w.expand .page-transition-cover_stacks_in_281: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_281.h-to-w.expand .page-transition-cover_stacks_in_281:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_281.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_281.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.even-spread.expand #hop_titlebar_stacks_in_281 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_281.even-spread.expand #hop_initial_stacks_in_281, #hop_stacks_in_281.even-spread.expand #hop_content_stacks_in_281 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.even-spread.expand.custom-expand-colors #hop_background_stacks_in_281.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_281.even-spread.expand .page-transition-cover_stacks_in_281: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_281.even-spread.expand .page-transition-cover_stacks_in_281:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_281.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_281.slide.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.slide.expand.main-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281: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_281.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281: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_281.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281: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_281.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281: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_281.slide.expand #hop_background_stacks_in_281 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_281.slide.expand .page-transition-cover_stacks_in_281:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_281.slide.expand .page-transition-cover_stacks_in_281:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_281.slide.expand.from-top .page-transition-cover_stacks_in_281:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_281.slide.expand.from-bottom .page-transition-cover_stacks_in_281:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_281.slide.expand.from-left .page-transition-cover_stacks_in_281:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_281.slide.expand.from-right .page-transition-cover_stacks_in_281:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_281.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_281.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_281 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281 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_281.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281 span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281 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_281.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281 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_281.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281 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_281.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281 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_281.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281 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_281.box-layer.expand #hop_background_stacks_in_281 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_281.box-layer.expand .page-transition-cover_stacks_in_281 { position: fixed; overflow: hidden; } #hop_stacks_in_281.box-layer.expand .page-transition-cover_stacks_in_281 span { position: absolute; } #hop_stacks_in_281.box-layer.expand.horizontal .page-transition-cover_stacks_in_281 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_281.box-layer.expand.horizontal .page-transition-cover_stacks_in_281 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_281.box-layer.expand.horizontal .page-transition-cover_stacks_in_281:nth-of-type(4), #hop_stacks_in_281.box-layer.expand.horizontal .page-transition-cover_stacks_in_281:nth-of-type(5), #hop_stacks_in_281.box-layer.expand.horizontal .page-transition-cover_stacks_in_281:nth-of-type(6) { display: none; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_281:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_281:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_281:nth-of-type(2) span { top: -100%; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_281:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_281:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_281:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_281:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_281:nth-of-type(2) span { top: -100%; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_281:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_281.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_281:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_281.box-layer.expand.vertical .page-transition-cover_stacks_in_281 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_281.box-layer.expand.vertical .page-transition-cover_stacks_in_281 span { width: 300%; height: 100%; } #hop_stacks_in_281.box-layer.expand.vertical .page-transition-cover_stacks_in_281:nth-of-type(4), #hop_stacks_in_281.box-layer.expand.vertical .page-transition-cover_stacks_in_281:nth-of-type(5), #hop_stacks_in_281.box-layer.expand.vertical .page-transition-cover_stacks_in_281:nth-of-type(6) { display: none; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_281:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_281:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_281:nth-of-type(2) span { left: -100%; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_281:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_281:nth-of-type(3) span { right: 0; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_281:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_281:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_281:nth-of-type(2) span { left: -100%; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_281:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_281.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_281:nth-of-type(3) span { right: 0; } #hop_stacks_in_281.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_281.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_281 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281 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_281.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281 span { background: url(../files/main_bg_full_image_1-281.png) no-repeat center center; background-size: cover; } #hop_stacks_in_281.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_281 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_281.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_281 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_281.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281 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_281.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_281 span::before { opacity: 0; } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_281 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_281.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_281.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_281 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_281.border-wrap.expand #hop_background_stacks_in_281 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_281.border-wrap.expand #hop_titlebar_stacks_in_281 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_281.border-wrap.expand #hop_initial_stacks_in_281, #hop_stacks_in_281.border-wrap.expand #hop_content_stacks_in_281 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281 { overflow: hidden; position: fixed; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281 span { position: absolute; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_281.border-wrap.expand .page-transition-cover_stacks_in_281: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_281.border-wrap.expand .page-transition-cover_stacks_in_281: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; } } /* */ #hop_initial_inner_stacks_in_282 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_282.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_282.content-center { justify-content: center; } #hop_initial_inner_stacks_in_282.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_282.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_282.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_282.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_282.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_282.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_282.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_282 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_282 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_282 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_282 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_282 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_282 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_282 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_282 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_282 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_282 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_282 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_282 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_282 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_282 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_282 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_282.expand { text-align: center; } #hop_initial_inner_stacks_in_282.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_282.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_282.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_282.expand .hop-initial--button { display: none; } .stacks_in_287 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_290, #ruleStackstacks_in_290:before, #ruleStackstacks_in_290:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_290 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_290 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_290 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_290 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_290 { text-align: center; } #ruleStackstacks_in_290:before, #ruleStackstacks_in_290:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_290:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_290:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_290 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_293, #ruleStackstacks_in_293:before, #ruleStackstacks_in_293:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_293 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_293 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_293 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_293 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_293 { text-align: center; } #ruleStackstacks_in_293:before, #ruleStackstacks_in_293:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_293:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_293:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_293 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_295 { margin: 20px 0px 20px 0px; } #stacks_out_262 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_241 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_262 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_262 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_262.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_262.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_background_stacks_in_262 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_262 #hop_background_stacks_in_262.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262 #hop_background_stacks_in_262.main-bg-color::before { opacity: 0; } #hop_stacks_in_262 #hop_background_stacks_in_262.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262 #hop_background_stacks_in_262.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_262 #hop_background_stacks_in_262.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_262 #hop_background_stacks_in_262.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_262 #hop_background_stacks_in_262.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262 #hop_background_stacks_in_262.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_262 #hop_background_stacks_in_262.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262 #hop_background_stacks_in_262.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_262 #hop_background_stacks_in_262::before { transition: all 0.3s ease; } #hop_stacks_in_262.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_262.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_262.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_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_262.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_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.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_262.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.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_262.expand #hop_titlebar_stacks_in_262 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_262.expand #hop_initial_stacks_in_262 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_262.expand #hop_initial_stacks_in_262 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_262.expand #hop_content_stacks_in_262 { 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_262.expand.hide-init #hop_initial_stacks_in_262 { display: none; } #hop_stacks_in_262.expand.custom-expand-colors #hop_titlebar_stacks_in_262 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_262.expand.custom-expand-colors #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h1, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h2, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h3, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h4, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h5, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) p, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) span, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) blockquote, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) ul, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) a, #hop_stacks_in_262.expand.custom-expand-colors #hop_content_stacks_in_262:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_262.fix { position: fixed; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 { 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_262 #hop_titlebar_stacks_in_262 .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_262 #hop_titlebar_stacks_in_262 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262 { 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_262 #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262.back, #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262 .hop-titlebar-button_stacks_in_262:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_262 #hop_titlebar_stacks_in_262.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_262 #hop_titlebar_stacks_in_262.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_262 #hop_initial_stacks_in_262 { 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_262 #hop_initial_stacks_in_262.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_initial_stacks_in_262.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_initial_stacks_in_262.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_initial_stacks_in_262 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_262 #hop_initial_stacks_in_262 h1, #hop_stacks_in_262 #hop_initial_stacks_in_262 h2, #hop_stacks_in_262 #hop_initial_stacks_in_262 h3, #hop_stacks_in_262 #hop_initial_stacks_in_262 h4, #hop_stacks_in_262 #hop_initial_stacks_in_262 h5, #hop_stacks_in_262 #hop_initial_stacks_in_262 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_262 #hop_initial_stacks_in_262 p, #hop_stacks_in_262 #hop_initial_stacks_in_262 span, #hop_stacks_in_262 #hop_initial_stacks_in_262 blockquote, #hop_stacks_in_262 #hop_initial_stacks_in_262 ul, #hop_stacks_in_262 #hop_initial_stacks_in_262 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_262 #hop_initial_stacks_in_262 a, #hop_stacks_in_262 #hop_initial_stacks_in_262 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_262 #hop_initial_stacks_in_262.custom-content { display: block; } #hop_stacks_in_262 #hop_initial_stacks_in_262 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_262 #hop_content_stacks_in_262 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_262 #hop_content_stacks_in_262 .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_262 #hop_content_stacks_in_262 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h1.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h2.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h3.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h4.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h5.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h6.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner p.main-font-preset, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h1.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h2.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h3.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h4.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h5.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h6.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner p.main-font-custom, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h1.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h2.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h3.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h4.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h5.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h6.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner p.main-font-google, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h1, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h2, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h3, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h4, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h5, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner p, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner span, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner blockquote, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner ul, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner a, #hop_stacks_in_262 #hop_content_stacks_in_262 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h1, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h2, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h3, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h4, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h5, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors p, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors span, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors blockquote, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors ul, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors a, #hop_stacks_in_262 #hop_content_stacks_in_262.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_262.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_262.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.w-to-h.expand #hop_titlebar_stacks_in_262 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_262.w-to-h.expand #hop_initial_stacks_in_262, #hop_stacks_in_262.w-to-h.expand #hop_content_stacks_in_262 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.w-to-h.expand .page-transition-cover_stacks_in_262: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_262.w-to-h.expand .page-transition-cover_stacks_in_262:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_262.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_262.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.h-to-w.expand #hop_titlebar_stacks_in_262 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_262.h-to-w.expand #hop_initial_stacks_in_262, #hop_stacks_in_262.h-to-w.expand #hop_content_stacks_in_262 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.h-to-w.expand .page-transition-cover_stacks_in_262: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_262.h-to-w.expand .page-transition-cover_stacks_in_262:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_262.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_262.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.even-spread.expand #hop_titlebar_stacks_in_262 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_262.even-spread.expand #hop_initial_stacks_in_262, #hop_stacks_in_262.even-spread.expand #hop_content_stacks_in_262 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.even-spread.expand.custom-expand-colors #hop_background_stacks_in_262.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_262.even-spread.expand .page-transition-cover_stacks_in_262: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_262.even-spread.expand .page-transition-cover_stacks_in_262:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_262.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_262.slide.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.slide.expand.main-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262: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_262.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262: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_262.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262: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_262.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262: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_262.slide.expand #hop_background_stacks_in_262 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_262.slide.expand .page-transition-cover_stacks_in_262:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_262.slide.expand .page-transition-cover_stacks_in_262:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_262.slide.expand.from-top .page-transition-cover_stacks_in_262:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_262.slide.expand.from-bottom .page-transition-cover_stacks_in_262:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_262.slide.expand.from-left .page-transition-cover_stacks_in_262:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_262.slide.expand.from-right .page-transition-cover_stacks_in_262:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_262.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_262.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_262 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262 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_262.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262 span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262 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_262.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262 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_262.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262 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_262.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262 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_262.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262 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_262.box-layer.expand #hop_background_stacks_in_262 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_262.box-layer.expand .page-transition-cover_stacks_in_262 { position: fixed; overflow: hidden; } #hop_stacks_in_262.box-layer.expand .page-transition-cover_stacks_in_262 span { position: absolute; } #hop_stacks_in_262.box-layer.expand.horizontal .page-transition-cover_stacks_in_262 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_262.box-layer.expand.horizontal .page-transition-cover_stacks_in_262 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_262.box-layer.expand.horizontal .page-transition-cover_stacks_in_262:nth-of-type(4), #hop_stacks_in_262.box-layer.expand.horizontal .page-transition-cover_stacks_in_262:nth-of-type(5), #hop_stacks_in_262.box-layer.expand.horizontal .page-transition-cover_stacks_in_262:nth-of-type(6) { display: none; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_262:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_262:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_262:nth-of-type(2) span { top: -100%; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_262:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_262:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_262:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_262:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_262:nth-of-type(2) span { top: -100%; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_262:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_262.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_262:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_262.box-layer.expand.vertical .page-transition-cover_stacks_in_262 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_262.box-layer.expand.vertical .page-transition-cover_stacks_in_262 span { width: 300%; height: 100%; } #hop_stacks_in_262.box-layer.expand.vertical .page-transition-cover_stacks_in_262:nth-of-type(4), #hop_stacks_in_262.box-layer.expand.vertical .page-transition-cover_stacks_in_262:nth-of-type(5), #hop_stacks_in_262.box-layer.expand.vertical .page-transition-cover_stacks_in_262:nth-of-type(6) { display: none; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_262:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_262:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_262:nth-of-type(2) span { left: -100%; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_262:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_262:nth-of-type(3) span { right: 0; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_262:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_262:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_262:nth-of-type(2) span { left: -100%; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_262:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_262.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_262:nth-of-type(3) span { right: 0; } #hop_stacks_in_262.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_262.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_262 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262 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_262.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262 span { background: url(../files/main_bg_full_image_1-262.png) no-repeat center center; background-size: cover; } #hop_stacks_in_262.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_262 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_262.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_262 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_262.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262 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_262.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_262 span::before { opacity: 0; } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_262 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_262.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_262.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_262 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_262.border-wrap.expand #hop_background_stacks_in_262 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_262.border-wrap.expand #hop_titlebar_stacks_in_262 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_262.border-wrap.expand #hop_initial_stacks_in_262, #hop_stacks_in_262.border-wrap.expand #hop_content_stacks_in_262 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262 { overflow: hidden; position: fixed; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262 span { position: absolute; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_262.border-wrap.expand .page-transition-cover_stacks_in_262: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_262.border-wrap.expand .page-transition-cover_stacks_in_262: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; } } /* */ #hop_initial_inner_stacks_in_263 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_263.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_263.content-center { justify-content: center; } #hop_initial_inner_stacks_in_263.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_263.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_263.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_263.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_263.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_263.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_263.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_263 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_263 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_263 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_263 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_263 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_263 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_263 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_263 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_263 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_263 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_263 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_263 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_263 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_263 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_263 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_263.expand { text-align: center; } #hop_initial_inner_stacks_in_263.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_263.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_263.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_263.expand .hop-initial--button { display: none; } .stacks_in_268 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_271, #ruleStackstacks_in_271:before, #ruleStackstacks_in_271:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_271 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_271 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_271 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_271 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_271 { text-align: center; } #ruleStackstacks_in_271:before, #ruleStackstacks_in_271:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_271:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_271:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_271 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_274, #ruleStackstacks_in_274:before, #ruleStackstacks_in_274:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_274 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_274 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_274 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_274 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_274 { text-align: center; } #ruleStackstacks_in_274:before, #ruleStackstacks_in_274:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_274:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_274:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_274 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_276 { margin: 20px 0px 20px 0px; } #stacks_out_243 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #stacks_in_241 { margin: 0 !important; width: 100% !important; overflow: visible !important; } #hop_outer_stacks_in_243 { width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; max-width: 350px; border-radius: 20px 20px 20px 20px; } #hop_stacks_in_243 { border-radius: 20px 20px 20px 20px; min-height: 350px; width: 100%; z-index: 9999; 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_243.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_243.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_background_stacks_in_243 { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: absolute; border-radius: inherit; } #hop_stacks_in_243 #hop_background_stacks_in_243.main-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243 #hop_background_stacks_in_243.main-bg-color::before { opacity: 0; } #hop_stacks_in_243 #hop_background_stacks_in_243.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243 #hop_background_stacks_in_243.main-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_243 #hop_background_stacks_in_243.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_243 #hop_background_stacks_in_243.main-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_243 #hop_background_stacks_in_243.main-bg-image-ov-color { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243 #hop_background_stacks_in_243.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_243 #hop_background_stacks_in_243.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243 #hop_background_stacks_in_243.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_243 #hop_background_stacks_in_243::before { transition: all 0.3s ease; } #hop_stacks_in_243.expand { display: block; cursor: default; border-radius: 0; overflow-y: scroll; box-shadow: none !important; } #hop_stacks_in_243.expand.custom-expand-colors #hop_background_stack { transition: background 0s 0.3s; } #hop_stacks_in_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_243.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_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_243.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_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.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_243.expand.custom-expand-colors #hop_background_stack.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.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_243.expand #hop_titlebar_stacks_in_243 { opacity: 1; z-index: 500; transform: none; position: relative; visibility: visible; pointer-events: auto; transition: all 0.5s 1s ease; } #hop_stacks_in_243.expand #hop_initial_stacks_in_243 { width: 100%; z-index: 500; cursor: default; position: relative; transition: all 0.1s; animation: fade-in 0.5s 1s ease forwards; } #hop_stacks_in_243.expand #hop_initial_stacks_in_243 .hop-initial--inner { max-width: 900px; } #hop_stacks_in_243.expand #hop_content_stacks_in_243 { 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_243.expand.hide-init #hop_initial_stacks_in_243 { display: none; } #hop_stacks_in_243.expand.custom-expand-colors #hop_titlebar_stacks_in_243 .hop-titlebar-title h2 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_243.expand.custom-expand-colors #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243 svg { fill: rgba(247, 247, 247, 1.00); } #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h1, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h2, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h3, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h4, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h5, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) p, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) span, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) blockquote, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) ul, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) a, #hop_stacks_in_243.expand.custom-expand-colors #hop_content_stacks_in_243:not(.custom-content-colors) a:visited { color: rgba(248, 181, 0, 1.00); } #hop_stacks_in_243.fix { position: fixed; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 { 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_243 #hop_titlebar_stacks_in_243 .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_243 #hop_titlebar_stacks_in_243 .hop-titlebar-title h2.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-title h2.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-title h2.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243 { 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_243 #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243 svg { fill: rgba(247, 247, 247, 1.00); width: 24px; height: 24px; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243.back, #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243.close { opacity: 0; visibility: hidden; pointer-events: none; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243 .hop-titlebar-button_stacks_in_243:hover { background: rgba(0, 0, 0, 0.1); } #hop_stacks_in_243 #hop_titlebar_stacks_in_243.show-back .back { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_243 #hop_titlebar_stacks_in_243.show-close .close { opacity: 1; visibility: visible; pointer-events: auto; } #hop_stacks_in_243 #hop_initial_stacks_in_243 { 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_243 #hop_initial_stacks_in_243.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_initial_stacks_in_243.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_initial_stacks_in_243.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_initial_stacks_in_243 .hop-initial--inner { max-width: 600px; } #hop_stacks_in_243 #hop_initial_stacks_in_243 h1, #hop_stacks_in_243 #hop_initial_stacks_in_243 h2, #hop_stacks_in_243 #hop_initial_stacks_in_243 h3, #hop_stacks_in_243 #hop_initial_stacks_in_243 h4, #hop_stacks_in_243 #hop_initial_stacks_in_243 h5, #hop_stacks_in_243 #hop_initial_stacks_in_243 h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_243 #hop_initial_stacks_in_243 p, #hop_stacks_in_243 #hop_initial_stacks_in_243 span, #hop_stacks_in_243 #hop_initial_stacks_in_243 blockquote, #hop_stacks_in_243 #hop_initial_stacks_in_243 ul, #hop_stacks_in_243 #hop_initial_stacks_in_243 li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_243 #hop_initial_stacks_in_243 a, #hop_stacks_in_243 #hop_initial_stacks_in_243 a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_243 #hop_initial_stacks_in_243.custom-content { display: block; } #hop_stacks_in_243 #hop_initial_stacks_in_243 > .stacks_out:first-of-type { width: 100%; } #hop_stacks_in_243 #hop_content_stacks_in_243 { top: 100%; left: 0; right: 0; opacity: 0; position: fixed; overflow: hidden; visibility: hidden; pointer-events: none; } #hop_stacks_in_243 #hop_content_stacks_in_243 .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_243 #hop_content_stacks_in_243 .hop-content--inner.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h1.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h2.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h3.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h4.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h5.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h6.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner p.main-font-preset, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner span.main-font-preset { font-family: "IBM Plex Sans", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h1.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h2.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h3.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h4.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h5.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h6.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner p.main-font-custom, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner span.main-font-custom { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h1.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h2.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h3.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h4.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h5.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h6.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner p.main-font-google, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner span.main-font-google { font-family: "", "Roboto", sans-serif; } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h1, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h2, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h3, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h4, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h5, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner h6 { color: rgba(247, 247, 247, 1.00); } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner p, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner span, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner blockquote, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner ul, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner li { color: rgba(247, 247, 247, 0.60); } #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner a, #hop_stacks_in_243 #hop_content_stacks_in_243 .hop-content--inner a:visited { color: rgba(255, 255, 255, 1.00); } #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors { color: rgba(92, 99, 110, 1.00) !important; background: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h1, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h2, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h3, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h4, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h5, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors h6 { color: rgba(255, 255, 255, 1.00) !important; } #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors p, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors span, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors blockquote, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors ul, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors li { color: rgba(92, 99, 110, 1.00) !important; } #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors a, #hop_stacks_in_243 #hop_content_stacks_in_243.custom-content-colors a:visited { color: rgba(248, 181, 0, 1.00) !important; } #hop_stacks_in_243.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_243.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.w-to-h.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.w-to-h.expand #hop_titlebar_stacks_in_243 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_243.w-to-h.expand #hop_initial_stacks_in_243, #hop_stacks_in_243.w-to-h.expand #hop_content_stacks_in_243 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.w-to-h.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.w-to-h.expand .page-transition-cover_stacks_in_243: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_243.w-to-h.expand .page-transition-cover_stacks_in_243:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_243.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_243.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.h-to-w.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.h-to-w.expand #hop_titlebar_stacks_in_243 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_243.h-to-w.expand #hop_initial_stacks_in_243, #hop_stacks_in_243.h-to-w.expand #hop_content_stacks_in_243 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.h-to-w.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.h-to-w.expand .page-transition-cover_stacks_in_243: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_243.h-to-w.expand .page-transition-cover_stacks_in_243:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_243.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_243.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.even-spread.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.even-spread.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.even-spread.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.even-spread.expand #hop_titlebar_stacks_in_243 { transition: all 0.5s 0.7s ease; } #hop_stacks_in_243.even-spread.expand #hop_initial_stacks_in_243, #hop_stacks_in_243.even-spread.expand #hop_content_stacks_in_243 { animation: fade-in 0.5s 0.7s ease forwards; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.even-spread.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.even-spread.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243 { z-index: 100; transition: all 0.3s ease; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-color::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2 { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-2::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-gradient-3::before { opacity: 0; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.expanded-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.even-spread.expand.custom-expand-colors #hop_background_stacks_in_243.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_243.even-spread.expand .page-transition-cover_stacks_in_243: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_243.even-spread.expand .page-transition-cover_stacks_in_243:nth-of-type(1) span { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } #hop_stacks_in_243.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_243.slide.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.slide.expand.main-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.slide.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.slide.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.slide.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.slide.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243: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_243.slide.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243: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_243.slide.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243:nth-of-type(1) span::before { opacity: 0; } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243: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_243.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243:nth-of-type(1) span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.slide.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243: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_243.slide.expand #hop_background_stacks_in_243 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_243.slide.expand .page-transition-cover_stacks_in_243:nth-of-type(1) { top: 0; left: 0; right: 0; bottom: 0; display: flex; position: fixed; } #hop_stacks_in_243.slide.expand .page-transition-cover_stacks_in_243:nth-of-type(1) span { width: 100%; height: 100%; flex: 1 0 auto; } #hop_stacks_in_243.slide.expand.from-top .page-transition-cover_stacks_in_243:nth-of-type(1) { transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_243.slide.expand.from-bottom .page-transition-cover_stacks_in_243:nth-of-type(1) { transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_243.slide.expand.from-left .page-transition-cover_stacks_in_243:nth-of-type(1) { transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_243.slide.expand.from-right .page-transition-cover_stacks_in_243:nth-of-type(1) { transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_243.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_243.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_243 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.box-layer.expand.main-bg-color .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.box-layer.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243 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_243.box-layer.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243 span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.box-layer.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243 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_243.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.box-layer.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243 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_243.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243 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_243.box-layer.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243 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_243.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.box-layer.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243 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_243.box-layer.expand #hop_background_stacks_in_243 { opacity: 0; transition: all 0.4s 0s ease; } #hop_stacks_in_243.box-layer.expand .page-transition-cover_stacks_in_243 { position: fixed; overflow: hidden; } #hop_stacks_in_243.box-layer.expand .page-transition-cover_stacks_in_243 span { position: absolute; } #hop_stacks_in_243.box-layer.expand.horizontal .page-transition-cover_stacks_in_243 { left: 0; right: 0; height: 33.3333333%; } #hop_stacks_in_243.box-layer.expand.horizontal .page-transition-cover_stacks_in_243 span { left: 0; width: 100%; height: 300%; } #hop_stacks_in_243.box-layer.expand.horizontal .page-transition-cover_stacks_in_243:nth-of-type(4), #hop_stacks_in_243.box-layer.expand.horizontal .page-transition-cover_stacks_in_243:nth-of-type(5), #hop_stacks_in_243.box-layer.expand.horizontal .page-transition-cover_stacks_in_243:nth-of-type(6) { display: none; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_243:nth-of-type(1) { top: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.4s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_243:nth-of-type(2) { top: 33.3333333%; transform: translateX(-100%); animation: slide-in-left 0.5s 0.5s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_243:nth-of-type(2) span { top: -100%; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_243:nth-of-type(3) { bottom: 0; transform: translateX(-100%); animation: slide-in-left 0.5s 0.6s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-left .page-transition-cover_stacks_in_243:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_243:nth-of-type(1) { top: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.4s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_243:nth-of-type(2) { top: 33.3333333%; transform: translateX(100%); animation: slide-in-right 0.5s 0.5s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_243:nth-of-type(2) span { top: -100%; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_243:nth-of-type(3) { bottom: 0; transform: translateX(100%); animation: slide-in-right 0.5s 0.6s ease forwards; } #hop_stacks_in_243.box-layer.expand.horizontal.horizontal-from-right .page-transition-cover_stacks_in_243:nth-of-type(3) span { bottom: 0; } #hop_stacks_in_243.box-layer.expand.vertical .page-transition-cover_stacks_in_243 { top: 0; bottom: 0; width: 33.3333333%; } #hop_stacks_in_243.box-layer.expand.vertical .page-transition-cover_stacks_in_243 span { width: 300%; height: 100%; } #hop_stacks_in_243.box-layer.expand.vertical .page-transition-cover_stacks_in_243:nth-of-type(4), #hop_stacks_in_243.box-layer.expand.vertical .page-transition-cover_stacks_in_243:nth-of-type(5), #hop_stacks_in_243.box-layer.expand.vertical .page-transition-cover_stacks_in_243:nth-of-type(6) { display: none; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_243:nth-of-type(1) { left: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.4s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_243:nth-of-type(2) { left: 33.3333333%; transform: translateY(-100%); animation: slide-in-down 0.5s 0.5s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_243:nth-of-type(2) span { left: -100%; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_243:nth-of-type(3) { right: 0; transform: translateY(-100%); animation: slide-in-down 0.5s 0.6s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-top .page-transition-cover_stacks_in_243:nth-of-type(3) span { right: 0; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_243:nth-of-type(1) { left: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.4s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_243:nth-of-type(2) { left: 33.3333333%; transform: translateY(100%); animation: slide-in-up 0.5s 0.5s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_243:nth-of-type(2) span { left: -100%; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_243:nth-of-type(3) { right: 0; transform: translateY(100%); animation: slide-in-up 0.5s 0.6s ease forwards; } #hop_stacks_in_243.box-layer.expand.vertical.vertical-from-bottom .page-transition-cover_stacks_in_243:nth-of-type(3) span { right: 0; } #hop_stacks_in_243.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_243.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_243 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.border-wrap.expand.main-bg-color .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.border-wrap.expand.main-bg-gradient-2 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243 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_243.border-wrap.expand.main-bg-gradient-3 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243 span { background: url(../files/main_bg_full_image_1-243.png) no-repeat center center; background-size: cover; } #hop_stacks_in_243.border-wrap.expand.main-bg-image-ov-color .page-transition-cover_stacks_in_243 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_243.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.border-wrap.expand.main-bg-image-ov-gradient .page-transition-cover_stacks_in_243 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_243.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243 span { background: rgba(57, 62, 70, 1.00); } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-color .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243 span { background: linear-gradient(to bottom, rgba(57, 62, 70, 1.00), rgba(0, 0, 0, 1.00)); } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-2 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243 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_243.border-wrap.expand.custom-expand-colors.expanded-bg-gradient-3 .page-transition-cover_stacks_in_243 span::before { opacity: 0; } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-color .page-transition-cover_stacks_in_243 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_243.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243 span { background: url() no-repeat center center; background-size: cover; } #hop_stacks_in_243.border-wrap.expand.custom-expand-colors.expanded-bg-image-ov-gradient .page-transition-cover_stacks_in_243 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_243.border-wrap.expand #hop_background_stacks_in_243 { opacity: 0; transition: all 0.3s 0s ease; } #hop_stacks_in_243.border-wrap.expand #hop_titlebar_stacks_in_243 { transition: all 0.5s 1.8s ease; } #hop_stacks_in_243.border-wrap.expand #hop_initial_stacks_in_243, #hop_stacks_in_243.border-wrap.expand #hop_content_stacks_in_243 { animation: fade-in 0.5s 1.8s ease forwards; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243 { overflow: hidden; position: fixed; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243 span { position: absolute; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243:nth-of-type(1) span { top: 0; left: 0; width: 100vw; height: 100vh; position: absolute; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243:nth-of-type(2) span { left: 0; width: 100vw; height: 100vh; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243:nth-of-type(3) span { right: 0; width: 100vw; height: 100vh; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243:nth-of-type(4) span { left: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243:nth-of-type(5) span { right: 0; bottom: 0; width: 100vw; height: 100vh; } #hop_stacks_in_243.border-wrap.expand .page-transition-cover_stacks_in_243: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_243.border-wrap.expand .page-transition-cover_stacks_in_243: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; } } /* */ #hop_initial_inner_stacks_in_244 { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column; text-align: center; } #hop_initial_inner_stacks_in_244.content-top { justify-content: flex-start; } #hop_initial_inner_stacks_in_244.content-center { justify-content: center; } #hop_initial_inner_stacks_in_244.content-bottom { justify-content: flex-end; } #hop_initial_inner_stacks_in_244.content-reverse { flex-direction: column-reverse; } #hop_initial_inner_stacks_in_244.content-reverse .hop-initial--title h2 { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_244.content-reverse .hop-initial--description p { margin: 0 0 10px 0; } #hop_initial_inner_stacks_in_244.content-reverse .hop-initial--button { margin: 0 0 20px 0; } #hop_initial_inner_stacks_in_244.content-reverse.content-top { justify-content: flex-end; } #hop_initial_inner_stacks_in_244.content-reverse.content-bottom { justify-content: flex-start; } #hop_initial_inner_stacks_in_244 .hop-initial--icon { line-height: 1; } #hop_initial_inner_stacks_in_244 .hop-initial--icon.hide { display: none; } #hop_initial_inner_stacks_in_244 .hop-initial--icon i { font-size: 100px; color: rgba(248, 181, 0, 1.00) !important; } #hop_initial_inner_stacks_in_244 .hop-initial--icon img { width: 100%; height: auto; max-width: 100px; } #hop_initial_inner_stacks_in_244 .hop-initial--icon img.initial_icon_image { border-radius: 0px; } #hop_initial_inner_stacks_in_244 .hop-initial--icon img.initial_icon_link { border-radius: 0px; } #hop_initial_inner_stacks_in_244 .hop-initial--title { line-height: 1; color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_244 .hop-initial--title.hide { display: none; } #hop_initial_inner_stacks_in_244 .hop-initial--title h2 { font-weight: bold; font-size: 20px; color: rgba(247, 247, 247, 1.00) !important; margin: 10px 0 0; line-height: calc(20px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_244 .hop-initial--description { line-height: 1; font-size: 14px; color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_244 .hop-initial--description.hide { display: none; } #hop_initial_inner_stacks_in_244 .hop-initial--description p { margin: 10px 0 0; font-size: 14px !important; color: rgba(247, 247, 246, 0.60) !important; line-height: calc(14px * 1.618); font-family: inherit; } #hop_initial_inner_stacks_in_244 .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(248, 181, 0, 1.00); transition: all 0.3s ease; } #hop_initial_inner_stacks_in_244 .hop-initial--button.hide { display: none; } #hop_initial_inner_stacks_in_244 .hop-initial--button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #hop_initial_inner_stacks_in_244.expand { text-align: center; } #hop_initial_inner_stacks_in_244.expand .hop-initial--icon i { color: rgba(255, 255, 255, 1.00) !important; } #hop_initial_inner_stacks_in_244.expand .hop-initial--title h2 { color: rgba(247, 247, 247, 1.00) !important; } #hop_initial_inner_stacks_in_244.expand .hop-initial--description p { color: rgba(247, 247, 246, 0.60) !important; } #hop_initial_inner_stacks_in_244.expand .hop-initial--button { display: none; } .stacks_in_249 img{width:100%;max-width:50px} /* @group Generic Styles */ #ruleStackstacks_in_252, #ruleStackstacks_in_252:before, #ruleStackstacks_in_252:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_252 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_252 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_252 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_252 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_252 { text-align: center; } #ruleStackstacks_in_252:before, #ruleStackstacks_in_252:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_252:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_252:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_252 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group Generic Styles */ #ruleStackstacks_in_255, #ruleStackstacks_in_255:before, #ruleStackstacks_in_255:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_255 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_255 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_255 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_255 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_255 { text-align: center; } #ruleStackstacks_in_255:before, #ruleStackstacks_in_255:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_255:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_255:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_255 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_257 { margin: 20px 0px 20px 0px; } #stacks_in_354>.s3_row { margin: 0 -10px; } #stacks_in_354>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_354>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_354>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_354>.s3_row { margin: -10px 0; } #stacks_in_354>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_362 { border: solid rgba(179, 179, 179, 1.00); border-width: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 10px 0px 10px; } /* @group Generic Styles */ #ruleStackstacks_in_385, #ruleStackstacks_in_385:before, #ruleStackstacks_in_385:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_385 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_385 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_385 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_385 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_385 { text-align: center; } #ruleStackstacks_in_385:before, #ruleStackstacks_in_385:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_385:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_385:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_385 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_387 { margin: 0px 10px 0px 10px; } #stacks_in_390 { margin: 20px 10px 10px 10px; } #stacks_in_391{max-width:1000px}#stacks_in_391 .points-wrapper{max-width:1000px;padding-bottom:100.00%;}#stacks_in_391 .point{width:1.50rem;height:1.50rem}@media screen and (min-width:40em){#stacks_in_391 .point{width:1.80rem;height:1.80rem}}@media screen and (min-width:62.5em){#stacks_in_391 .point{width:2.00rem;height:2.00rem}}#stacks_in_391 .point a,#stacks_in_391 .point abbr{cursor:pointer}#stacks_in_391 .mode-circle abbr{background:rgba(251, 2, 7, 1.00)}#stacks_in_391 .mode-circle.point-ring abbr{background-color:transparent;border:2px solid rgba(251, 2, 7, 1.00)}@media screen and (min-width:40em){#stacks_in_391 .mode-circle.point-ring abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_391 .mode-circle.point-ring abbr{border-width:2px}}#stacks_in_391 .mode-circle.point-saturn abbr{border:2px solid rgba(255, 102, 153, 1.00)}@media screen and (min-width:40em){#stacks_in_391 .mode-circle.point-saturn abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_391 .mode-circle.point-saturn abbr{border-width:2px}}#stacks_in_391 .mode-circle.point-pulse .ring{background-color:rgba(255, 102, 153, 1.00)}#stacks_in_391 .mode-image abbr{background:url(0.75) no-repeat center center}#stacks_in_391 .point abbr,#stacks_in_391 .point i.fa{line-height:1.50rem;font-size:0.75rem;color:rgba(255, 255, 255, 1.00)}@media screen and (min-width:40em){#stacks_in_391 .point abbr,#stacks_in_391 .point i.fa{line-height:1.80rem;font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_391 .point abbr,#stacks_in_391 .point i.fa{line-height:2.00rem;font-size:1.00rem}}#stacks_in_391 .points-tooltip{font-size:0.80rem;border-radius:5px;color:rgba(255, 255, 255, 1.00);background:rgba(0, 0, 0, 0.80)}@media screen and (min-width:40em){#stacks_in_391 .points-tooltip{font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_391 .points-tooltip{font-size:1.00rem}}#stacks_in_391 .points-tooltip:after{border-color:rgba(0, 0, 0, 0.80)}#stacks_in_391 .info-tooltip .points-tooltip{}#stacks_in_391 .info-overlay .points-tooltip{text-align:left} #stacks_in_391 { border: solid rgba(41, 146, 28, 1.00); border-width: 4px; } #stacks_in_356 { border: solid rgba(179, 179, 179, 1.00); border-width: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 10px 0px 10px; } /* @group Generic Styles */ #ruleStackstacks_in_361, #ruleStackstacks_in_361:before, #ruleStackstacks_in_361:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_361 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_361 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_361 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_361 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_361 { text-align: center; } #ruleStackstacks_in_361:before, #ruleStackstacks_in_361:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_361:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_361:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_361 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_364 { margin: 0px 10px 0px 10px; } .lightbox_error{color:rgba(255, 255, 255, 1.00);font-size:15px;text-align:center}.lightbox_error h2{font-size:20px}.preloader_wrapper{position:relative;padding:10px;width:100%;text-align:center}.preloader_icn{width:40px;height:40px;position:relative;display:inline-block;-webkit-animation:clockwise 750ms linear infinite;animation:clockwise 750ms linear infinite}.preloader_cut{position:relative;width:calc(40px * .5);height:40px;overflow:hidden;position:absolute;top:0;left:0}.preloader_donut{box-sizing:border-box;width:40px;height:40px;border:2px solid rgba(204, 204, 204, 1.00);border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;position:absolute;background:none;margin:0;-webkit-animation:donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate calc(750ms * 2) cubic-bezier(.4,0,.22,1) infinite}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(-140deg)}100%{-webkit-transform:rotate(0)}}@keyframes donut-rotate{0%{transform:rotate(0)}50%{transform:rotate(-140deg)}100%{transform:rotate(0)}}html.ncd-photo-lock{overflow:hidden}a[data-photo-group]{cursor:pointer}.ncd-photo *{padding:0;margin:0;list-style:none}.ncd-photo *,.ncd-photo *:before,.ncd-photo *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cf:after{content:"";display:table;clear:both}.ncd-photo .ncd-photo{display:none}.ncd-photo ul{margin:0;padding:0}.ncd-photo ul:after{content:"";display:table;clear:both}.ncd-photo li{cursor:zoom-in;line-height:0}.ncd-photo ul[data-hide="True"]{height:0 !important}.ncd-photo ul[data-hide="True"] li,.ncd-photo li.hide{display:none !important}.ncd-photo li > div:first-child{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;transition:box-shadow 150ms ease-out}.ncd-photo li img{position:relative;z-index:10;transform:translateZ(0)}.ncd-photo li p{display:inline-block;z-index:30;font-variant:normal;position:absolute;line-height:1.4;margin:0 0 10px;user-select:none;transform:translateZ(0);-webkit-touch-callout:none}.ncd-photo li p b{font-weight:normal;font-style:normal;padding-right:3px}.ncd-photo li p>span>em{font-weight:normal;font-style:normal}.ncd-photo li p span{padding:6px 12px}.ncd-photo li p span.empty{visibility:hidden}.ncd-photo[data-italic-title="True"] p b,.ncd-photo[data-italic-caption="True"] p>span>em{font-style:italic}.ncd-photo[data-bold-title="True"] p b,.ncd-photo[data-bold-caption="True"] p>span>em{font-weight:bold}.ncd-photo[data-hide-title="True"] p b,.ncd-photo[data-hide-caption="True"] p>span>em,.ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{display:none}.ncd-photo[data-hide-caption="True"] ul p b{padding-right:0}.ncd-photo ul.caption-hover li p{opacity:0;transition:transform 300ms,opacity 300ms;transform:translate3d(0,4px,0)}.ncd-photo ul.caption-hover li:hover p{opacity:1;transform:translate3d(0,0,0)}.ncd-photo ul.caption-hide li p{display:none !important}.ncd-photo ul.caption-bottom p{left:0;bottom:0;right:0;margin:0;border-radius:0 0 3px 3px;overflow:hidden}.ncd-photo ul.caption-margin p span{border-radius:3px}.ncd-photo ul.caption-margin p{left:20px;bottom:10px;right:20px}.ncd-photo.grid li{line-height:0;float:left;display:block;position:relative;height:auto}.ncd-photo.grid li div{overflow:hidden}.ncd-photo.grid img{visibility:hidden;position:absolute;top:-9999px;left:-9999px}.ncd-photo.grid ul li div:after{padding-top:100%;display:block;content:''}.ncd-photo.photo-col-1.grid li,.ncd-photo.photo-col-2.grid li,.ncd-photo.photo-col-3.grid li,.ncd-photo.photo-col-4.grid li,.ncd-photo.photo-col-5.grid li{width:100%}.ncd-photo[data-margin="0"].grid{margin:0}.ncd-photo[data-margin="0"].grid li div{margin:0}.ncd-photo[data-margin="1"].grid{margin:0 -1px}.ncd-photo[data-margin="1"].grid li div{margin:1px}.ncd-photo[data-margin="3"].grid{margin:0 -3px}.ncd-photo[data-margin="3"].grid li div{margin:3px}.ncd-photo[data-margin="5"].grid{margin:0 -5px}.ncd-photo[data-margin="5"].grid li div{margin:5px}.ncd-photo[data-margin="7"].grid{margin:0 -7px}.ncd-photo[data-margin="7"].grid li div{margin:7px}.ncd-photo[data-margin="9"].grid{margin:0 -9px}.ncd-photo[data-margin="9"].grid li div{margin:9px}.ncd-photo[data-margin="11"].grid{margin:0 -11px}.ncd-photo[data-margin="11"].grid li div{margin:11px}.ncd-photo[data-margin="13"].grid{margin:0 -13px}.ncd-photo[data-margin="13"].grid li div{margin:13px}.ncd-photo[data-margin="15"].grid{margin:0 -15px}.ncd-photo[data-margin="15"].grid li div{margin:15px}.ncd-photo[data-margin="17"].grid{margin:0 -17px}.ncd-photo[data-margin="17"].grid li div{margin:17px}.ncd-photo[data-margin="19"].grid{margin:0 -19px}.ncd-photo[data-margin="19"].grid li div{margin:19px}.ncd-photo[data-margin="21"].grid{margin:0 -21px}.ncd-photo[data-margin="21"].grid li div{margin:21px}.ncd-photo[data-margin="23"].grid{margin:0 -23px}.ncd-photo[data-margin="23"].grid li div{margin:23px}.ncd-photo[data-margin="25"].grid{margin:0 -25px}.ncd-photo[data-margin="25"].grid li div{margin:25px}.ncd-photo.grid ul,.ncd-photo.masonry ul,.ncd-photo.justifiedGallery ul{opacity:0}.ncd-photo.grid ul[data-imagesLoaded="1"],.ncd-photo.masonry ul[data-imagesLoaded="1"],.ncd-photo.justifiedGallery ul[data-imagesLoaded="1"]{opacity:1;transition:opacity 600ms}.ncd-photo[data-margin="0"].masonry ul{margin:0}.ncd-photo[data-margin="0"].masonry li.photo-stack > div{margin:0}.ncd-photo[data-margin="1"].masonry ul{margin:0 -1px}.ncd-photo[data-margin="1"].masonry li.photo-stack > div{margin:1px}.ncd-photo[data-margin="3"].masonry ul{margin:0 -3px}.ncd-photo[data-margin="3"].masonry li.photo-stack > div{margin:3px}.ncd-photo[data-margin="5"].masonry ul{margin:0 -5px}.ncd-photo[data-margin="5"].masonry li.photo-stack > div{margin:5px}.ncd-photo[data-margin="7"].masonry ul{margin:0 -7px}.ncd-photo[data-margin="7"].masonry li.photo-stack > div{margin:7px}.ncd-photo[data-margin="9"].masonry ul{margin:0 -9px}.ncd-photo[data-margin="9"].masonry li.photo-stack > div{margin:9px}.ncd-photo[data-margin="11"].masonry ul{margin:0 -11px}.ncd-photo[data-margin="11"].masonry li.photo-stack > div{margin:11px}.ncd-photo[data-margin="13"].masonry ul{margin:0 -13px}.ncd-photo[data-margin="13"].masonry li.photo-stack > div{margin:13px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -15px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:15px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -17px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:17px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -19px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:19px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -21px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:21px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -23px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:23px}.ncd-photo[data-margin="15"].masonry ul{margin:0 -25px}.ncd-photo[data-margin="15"].masonry li.photo-stack > div{margin:25px}.ncd-photo.masonry img{width:100%}.ncd-photo.rad-0 li div,.ncd-photo.rad-0 li img,.ncd-photo.rad-0 .thumb-corner{border-radius:0}.ncd-photo.rad-3 li div,.ncd-photo.rad-3 li img,.ncd-photo.rad-3 .thumb-corner{border-radius:3px}.ncd-photo.rad-5 li div,.ncd-photo.rad-5 li img,.ncd-photo.rad-5 .thumb-corner{border-radius:5px}.ncd-photo.rad-7 li div,.ncd-photo.rad-7 li img,.ncd-photo.rad-7 .thumb-corner{border-radius:7px}[data-batch-hide="True"]{position:absolute;opacity:0;top:-9999px;left:-9999px}.thumb-corner{position:absolute;bottom:0;left:0;z-index:50}.ncd-photo .thumb-corner{width:120px;height:120px;background-image:linear-gradient(to left bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5))}.photo-stack:hover .thumb-corner i{transform:scale(1.2);transform-origin:center}.thumb-corner.video-icon i{width:0;height:0;margin:0 0 18px 22px;left:0;bottom:0;transform:scale(1);position:absolute;transition:transform 200ms;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:17px solid #fff}#ncdPhotoCarousel .thumb-corner.video-icon i{margin:0;left:33px;bottom:21px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:13px solid #fff}.thumb-corner.bag-icon a{left:4px;bottom:2px;display:block;transform:scale(1.1);position:absolute;cursor:pointer;height:44px;width:44px;transition:transform 200ms}#ncdPhotoCarousel .thumb-corner.bag-icon{display:none}.thumb-corner.bag-icon a:first-child:before{position:absolute;content:'';top:16px;left:14px;height:13px;width:15px;border-radius:2px;border:1.5px solid #fff}.thumb-corner.bag-icon a:first-child:after{position:absolute;content:'';height:6px;width:9px;top:12px;left:17px;border-radius:8px 8px 0 0;border-left:1.5px solid #fff;border-top:1.5px solid #fff;border-right:1.5px solid #fff}@media only screen and (max-width:300px){.ncd-photo ul p{opacity:0 !important}}/******************************** L I G H T B O X **********************************/#ncdPhotoLoader{position:absolute;top:50%;left:50%;opacity:0;transition:opacity 350ms 150ms;transform:translate3d(-50%,-50%,0)}#ncdPhotoLoader.processing{opacity:1}#ncdPhotoBase{position:fixed;top:-9999px;left:-9999px;width:100%;height:100%;z-index:10;opacity:0;transition:opacity 300ms 0ms,top 0ms 300ms,left 0ms 300ms;user-select:none}#ncdPhotoBase.on,#ncdPhotoBase.on ~ *{pointer-events:none}#ncdPhotoBase.on ~ iframe{pointer-events:auto}#ncdPhotoHeader,#ncdPhotoControls,.exif_wrapper,#ncdPhotoOverlay{pointer-events:auto}#ncdPhotoBase *,#ncdPhotoBase *:before,#ncdPhotoBase *:after{box-sizing:border-box;user-select:none;-webkit-user-select:none}#ncdPhotoBase.on{top:0;left:0;opacity:1;z-index:10000;transition:opacity 150ms ease-out,top 0ms ease-out,left 0ms ease-out}#ncdPhotoBase.out{z-index:10000}#ncdPhotoHeader{position:absolute;right:0;left:0;top:0;padding:15px;font-size:14px;z-index:200;pointer-events:none}#ncdPhotoOptions{float:right;pointer-events:auto;padding:10px 0 10px 20px;border-radius:30px;transition:padding 0.3s ease-out}@media only screen and (min-width:400px){#ncdPhotoHeader{right:1.5%;left:1.5%}}#ncdPhotoOptions.zoom{background:rgba(0, 0, 0, 0.60);padding:10px 5px}#ncdPhotoOptions > .ncd-ui:first-child{margin-left:0px}#ncdPhotoOptions .ncd-ui{z-index:100;width:15px;height:15px;cursor:pointer;position:relative;display:block;float:left;margin-left:30px;user-select:none;transition:margin 0.3s ease-out,border 0.3s ease-out,box-shadow 0.15s ease-out}#ncdPhotoOptions .ncd-ui:before{position:absolute;top:-9px;left:-9px;right:0;bottom:0;content:'';height:33px;width:33px;border-radius:40px;transition:background .5s ease-out}#ncdPhotoOptions .ncd-ui:active:before{background:rgba(255, 255, 255, 0.30);transition:background 0.15s ease-out}#ncdPhotoOptions.zoom .ncd-ui{margin-left:11px;margin-right:11px}#ncdPhotoOptions.zoom #ncdPhotoShare,#ncdPhotoOptions.zoom #ncdPhotoDownload,#ncdPhotoOptions.zoom #ncdPhotoBuynow,#ncdPhotoOptions .ncdPhotoZoom.zoomOut{display:none}#ncdPhotoOptions.zoom .ncdPhotoZoom.zoomOut{display:block}#ncdPhotoControls{position:absolute;right:0;left:0;top:0;bottom:0;user-select:none;z-index:100;pointer-events:none}#ncdPhotoCarousel{background:rgba(0, 0, 0, 0.60);text-align:center;padding:5px;line-height:0;overflow:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}#ncdPhotoCarousel li[data-hidefromlightbox="True"]{display:none}#ncdPhotoOverlay .hide{display:none}#ncdPhotoFooter{position:absolute;left:0;right:0;bottom:0;z-index:101;pointer-events:none;background:rgba(0, 0, 0, 0.00)}#ncdZoomAmt{position:absolute;top:0;left:0;right:0;margin-top:5px;text-align:center;color:rgba(245, 245, 245, 1.00);font:400 13px/1.4 Arial;pointer-events:none;transition:opacity 200ms,transform 200ms;transform:translateY(10px);opacity:0}#ncdZoomAmt.zoom{transform:translateY(0px);opacity:1}#ncdZoomAmt[data-zoom="50"] span:after{content:' 50%'}#ncdZoomAmt[data-zoom="75"] span:after{content:' 75%'}#ncdZoomAmt[data-zoom="100"] span:after{content:' 100%'}#ncdZoomAmt span{background:rgba(0, 0, 0, 0.60);padding:7px 14px;border-radius:20px}#ncdPhotoCarousel ul{padding:0;margin:0;list-style:none;display:inline-block;white-space:nowrap}#ncdPhotoCarousel li{display:inline-block;position:relative}#ncdPhotoCarousel li div{width:80px;height:45px;margin:3px 5px;border-radius:2px;transform:scale(1);transition:box-shadow 200ms,transform 200ms,opacity 200ms;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,0)}#ncdPhotoCarousel li.current div,#ncdPhotoCarousel li:hover div{transition:box-shadow 200ms,transform 200ms,opacity 200ms}#ncdPhotoCarousel li div{opacity:0.4}#ncdPhotoCarousel li.current div,#ncdPhotoCarousel li:hover div{opacity:1}#ncdPhotoCarousel li.current div{transform:scale(1.1)}.photo_slide.zoom::-webkit-scrollbar,#ncdPhotoCarousel::-webkit-scrollbar,#ncdPhotoFooter p,#ncdPhotoFooter img,#ncdPhotoOptions .ncd-ui.hide,#ncdPhotoBase.single-image .ncdPhotoNext,#ncdPhotoBase.single-image .ncdPhotoPrev,#ncdPhotoOverlay[data-hide-full-title="True"] span b,#ncdPhotoOverlay[data-hide-full-caption="True"] span>em{display:none}.ncdPhotoZoom i:first-child:before,.ncdPhotoZoom i:first-child:after{width:1px;left:7px;top:3px;height:7px;content:"";background:rgba(245, 245, 245, 1.00);position:absolute;transition:opacity 300ms,transform 300ms}.ncdPhotoZoom i{position:absolute}.ncdPhotoZoom i:last-child:before{position:absolute;height:15px;width:15px;top:-1px;border:1.5px solid rgba(245, 245, 245, 1.00);border-radius:15px;content:''}.ncdPhotoZoom i:last-child:after{width:5px;height:2px;position:absolute;background:rgba(245, 245, 245, 1.00);transform:rotate(40deg);content:'';top:12px;border-radius:6px;right:-17px}.ncdPhotoZoom{transition:border 0.3s ease-out,box-shadow 0.15s ease-out,opacity 300ms ease-out,transform 300ms ease-out;transform:rotate(90deg);opacity:0}.ncdPhotoZoom.enable{opacity:1;transform:rotate(0deg)}.ncdPhotoZoom i:after{transform:rotate(-90deg)}.ncdPhotoZoom i:before{transform:rotate(0deg)}.ncdPhotoZoom.zoom i:before{transform:rotate(-90deg)}.ncdPhotoClose i{position:absolute}.ncdPhotoClose i:before,.ncdPhotoClose i:after{height:20px;width:2px;left:7px;top:-2px;content:'';transform:rotate(45deg);position:absolute;transition:opacity 300ms,transform 300ms}.ncdPhotoClose i:after{transform:rotate(-45deg)}.ncdPhotoNext,.ncdPhotoPrev{z-index:100;width:50px;height:50px;border-radius:50px;cursor:pointer;position:absolute;border:2px solid transparent;top:50%;margin-top:-25px;opacity:0;transition:opacity 0.2s ease-out,transform 0.8s cubic-bezier(0.190,1.000,0.220,1.000),border 0.3s ease-out,box-shadow 0.15s ease-out;pointer-events:auto;user-select:none}.ncdPhotoNext{transform:translateX(-15px);right:4%}.ncdPhotoPrev{transform:translateX(15px);left:4%}.ncdPhotoNext.hide,.ncdPhotoPrev.hide{opacity:0 !important;visibility:hidden}@media screen and (max-width:800px){.ncdPhotoNext,.ncdPhotoPrev{transform:translateX(0) rotate(0deg);opacity:1}}.ncdPhotoNext:before,.ncdPhotoNext:after,.ncdPhotoPrev:before,.ncdPhotoPrev:after{top:50%;left:0;width:2px;height:15px;content:'';position:absolute;margin:-13px 24px 0}.ncdPhotoNext:after,.ncdPhotoPrev:after{margin-top:-3px}.ncdPhotoPrev:after,.ncdPhotoPrev:before{left:-3px}.ncdPhotoNext:after{transform:rotate(45deg)}.ncdPhotoNext:before{transform:rotate(-45deg)}.ncdPhotoPrev:after{transform:rotate(315deg)}.ncdPhotoPrev:before{transform:rotate(-315deg)}#ncdPhotoBase:hover .ncdPhotoNext,#ncdPhotoBase:hover .ncdPhotoPrev{transform:translateX(0) rotate(0deg);opacity:1}#ncdPhotoOverlay{position:absolute;top:65px;left:0;right:0;bottom:0;z-index:0;user-select:none;-webkit-user-select:none}.go-prev #ncdPhotoOverlay,.go-next #ncdPhotoOverlay{transition:bottom 150ms ease-out}#ncdPhotoOverlay.zoom{top:0;bottom:65px}.photo_slide{height:100%;position:absolute;top:-9999px;left:-9999px;right:auto;user-select:none}#ncdPhotoOverlay:not(.zoom) .photo_slide > div{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.photo_slide img{padding:0;margin:0}.photo_slide img,.photo-embed-container{list-style:none;line-height:0;width:auto;height:auto;max-width:100%;max-height:100%;user-select:none;-webkit-touch-callout:none;transition:opacity 200ms;transform:translate3d(0,0,0);box-shadow:0 2px 20px rgba(0, 0, 0, 0.50)}.photo_slide.out,.photo_slide.ncd-show{top:0;left:0;right:0}.photo_slide.ncd-show img{cursor:zoom-in}.processing .photo_slide img,.photo_slide.out img,.photo_slide.out .photo-embed-container{opacity:0}.photo-embed-container{padding-bottom:56.25%;height:0;width:100%;overflow:hidden}.photo-embed-container iframe,.photo-embed-container object,.photo-embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}#ncdPhotoBase.video-player #ncdPhotoDownload,#ncdPhotoBase.video-player #ncdPhotoFullscreen,#ncdPhotoBase.video-player .ncdPhotoZoom{display:none !important}.photo_slide.ncd-show.zoom{position:absolute;overflow:auto;cursor:move;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center}.photo_slide.zoom.in.transition,.photo_slide.zoom.out{overflow:hidden}.photo_slide.zoom.transition div{animation:photo-zoom-in 150ms ease-out both}.photo_slide.zoom.in div{animation:photo-zoom-in-complete 200ms ease-out both}.photo_slide.zoom.in.transition div{animation:photo-zoom-out 150ms ease-out both}.photo_slide.zoom.out div{animation:photo-zoom-out-complete 150ms ease-out both}.photo_slide.zoom.in img{max-width:none;max-height:none;border-radius:0;box-shadow:none;transition:box-shadow 200ms}.photo_slide.zoom.in img[data-zoom="25"]{transform:scale(0.25)}.photo_slide.zoom.in img[data-zoom="50"]{transform:scale(0.50)}.photo_slide.zoom.in img[data-zoom="75"]{transform:scale(0.75)}.photo_slide.zoom.in img[data-zoom="100"]{transform:scale(1)}@keyframes photo-zoom-in{from{transform:scale(1);opacity:1}to{transform:scale(1.03);opacity:0}}@keyframes photo-zoom-in-complete{0%{transform:scale(.98);opacity:0}50%{transform:scale(.98);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes photo-zoom-out{from{transform:scale(1);opacity:1}to{transform:scale(.98);opacity:0}}@keyframes photo-zoom-out-complete{from{transform:scale(1.03);opacity:0}to{transform:scale(1);opacity:1}}@keyframes photo-fade-in{from{opacity:0}to{opacity:1}}#ncdPhotoFullscreen i{position:absolute}#ncdPhotoFullscreen i:before,#ncdPhotoFullscreen i:after{position:absolute;content:'';height:2px;width:6px;background:rgba(245, 245, 245, 1.00)}#ncdPhotoFullscreen i:after{width:2px;height:6px}#ncdPhotoFullscreen i:first-child{top:0;left:0}#ncdPhotoFullscreen i:last-child{bottom:0;right:0;transform:rotate(180deg)}#ncdPhotoFullscreen.active i:first-child{top:6px;left:6px;transform:rotate(180deg)}#ncdPhotoFullscreen.active i:last-child{bottom:6px;right:6px;transform:rotate(0deg)}#ncdPhotoShare{line-height:0}#ncdPhotoShare svg{height:15px;width:auto;position:relative;margin-top:-1px;margin-left:-2px}#ncdPhotoShare path{fill:rgba(245, 245, 245, 1.00) !important}#ncdShareOptions{background:rgba(30, 30, 30, 1.00);box-shadow:0 20px 60px -10px rgba(0, 0, 0, 0.50);position:absolute;padding:10px;border-radius:7px;line-height:1.4;margin:10px 0 0;list-style:none;width:150px;top:-99999px;left:-99999px;opacity:0;transform:translateX(-50%) scale(.3);transition:transform 150ms 0ms ease-out,opacity 150ms 0ms ease-out,top 0ms 150ms,left 0ms 150ms;transform-origin:50% 0%}#ncdShareOptions.show{left:50%;top:100%;opacity:1;transition:transform 150ms 0ms ease-out,opacity 150ms 0ms ease-out,top 0ms 0ms,left 0ms 0ms;transform:translateX(-50%) scale(1)}#ncdShareOptions:before{content:'';position:absolute;top:-6px;left:50%;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(30, 30, 30, 1.00)}#ncdShareOptions li{padding:6px 10px;margin:0;border-radius:4px;transition:background 150ms}#ncdShareOptions li:hover{background:rgba(255,255,255,0.1)}#ncdShareOptions button{display:block;border:0;margin:0;padding:0;font:400 15px/1.4 Arial !important;background:transparent;color:rgba(255, 255, 255, 1.00)}#ncdPhotoBuynow.hide{opacity:0;max-width:0;margin-left:0}#ncdPhotoBuynow i{position:absolute}#ncdPhotoBuynow i:first-child:before{position:absolute;content:'';top:2px;left:0;height:13px;width:15px;border-radius:2px;border:1.5px solid rgba(245, 245, 245, 1.00)}#ncdPhotoBuynow i:last-child:before{position:absolute;content:'';height:6px;width:9px;top:-2px;left:3px;border-radius:8px 8px 0 0;border-left:1.5px solid rgba(245, 245, 245, 1.00);border-top:1.5px solid rgba(245, 245, 245, 1.00);border-right:1.5px solid rgba(245, 245, 245, 1.00)}#ncdPhotoDownload{display:block}#ncdPhotoDownload i{position:absolute}#ncdPhotoDownload i:last-child:before,#ncdPhotoDownload i:last-child:after{position:absolute;content:'';height:2px;width:9px;background:rgba(245, 245, 245, 1.00)}#ncdPhotoDownload i:last-child:after{width:2px;height:9px}#ncdPhotoDownload i:last-child{bottom:1px;left:7px;transform:rotate(225deg)}#ncdPhotoDownload i:first-child:before{position:absolute;content:'';top:-1px;left:6px;height:12px;width:2px;background:rgba(245, 245, 245, 1.00)}}#ncdPhotoDownload.alt i:last-child:before,#ncdPhotoDownload.alt i:last-child:after{position:absolute;content:'';height:2px;width:7px;background:rgba(245, 245, 245, 1.00)}#ncdPhotoDownload.alt i:last-child:after{width:2px;height:7px}#ncdPhotoDownload.alt i:last-child{bottom:3px;left:6px;transform:rotate(225deg)}#ncdPhotoDownload.alt i:first-child:before{position:absolute;content:'';top:0;left:5px;height:8px;width:2px;background:rgba(245, 245, 245, 1.00)}#ncdPhotoDownload.alt i:first-child:after{position:absolute;content:'';top:11px;left:0px;height:2px;width:12px;background:rgba(245, 245, 245, 1.00)}#ncdPhotoCounter{float:left;line-height:1;font-size:12px;padding:8px 16px 8px 0;border-radius:30px;font-family:arial !important;pointer-events:none;font-weight:bolder;transition:opacity 200ms}#ncdPhotoCounter.zoom{opacity:0}#ncdPhotoCounter span{vertical-align:top;line-height:1}.lb-current{font-size:1.45em;font-weight:normal}.lb-total{letter-spacing:0.05em}#ncdPhotoCounter[data-show-count="False"]{display:none}.exif_wrapper{position:absolute;width:300px;margin-left:-45px;top:-12px}.exif_container{background:rgba(30, 30, 30, 1.00);border-radius:7px;left:10px;bottom:100%;z-index:1;opacity:0;width:260px;height:300px;overflow:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:10px 25px;transform:scale(.3);transform-origin:0 100%;position:absolute;box-shadow:0 20px 60px -10px rgba(0, 0, 0, 0.50);transition:transform 200ms,opacity 200ms;pointer-events:none}.exif_container *{transform:translate3d(0,0,0)}.exif_wrapper.show .exif_container{pointer-events:auto;transform:scale(1);opacity:1}.exif_data{font:400 15px/1.4 Arial !important;color:rgba(255, 255, 255, 1.00);border-radius:4px;padding:10px 10px 10px 0;margin:0;display:block;white-space:break-spaces;position:absolute;visibility:hidden;top:-9999px;left:-9999px}.exif_data.hasData{position:relative;visibility:visible;top:0;left:0}.exif_data:before{color:rgba(170, 170, 170, 1.00);display:block;font-size:11px;letter-spacing:0}.exif_data.hasData:after{position:absolute;content:'';bottom:0;left:0;right:0;border-bottom:1px solid rgba(255, 255, 255, 0.12)}.exif_data.hasData.last:after{display:none}#exif_FNumber{letter-spacing:0.1em}.fstop{font-family:georgia;font-style:italic;padding-left:3px;padding-right:2px}.exif-trigger{padding:10px;cursor:pointer;display:inline-block;user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;z-index:100;transform:scale(0)}.exif_wrapper.hasData .exif-trigger{transform:scale(1);transition:transform 200ms}.exif-trigger span:hover{color:rgba(255, 255, 255, 1.00);background:rgba(255, 255, 255, 0.20)}.exif-trigger span{color:rgba(255, 255, 255, 1.00);background:rgba(255, 255, 255, 0.15);transition:background 200ms;border-radius:25px;height:25px;width:25px;line-height:26px;font-family:monospace;text-align:center;font-size:13px;font-weight:bolder;float:right;user-select:none;-webkit-user-select:none}#exif_GPSMap{color:#fff;text-decoration:none}#exif_iptc_DateCreated:before{content:'Date Created'}#exif_iptc_Keywords:before{content:'Keywords'}#exif_model:before{content:'Camera Model'}#exif_LensModel:before{content:'Lens Model'}#exif_FocalLength:before{content:'Focal Length'}#exif_FNumber:before{content:'Aperture'}#exif_ExposureTime:before{content:'Shutter Speed'}#exif_ISOSpeedRatings:before{content:'ISO'}#exif_Dimensions:before{content:'Dimensions'}#exif_ExposureProgram:before{content:'Exposure Program'}#exif_Flash:before{content:'Flash'}#exif_WhiteBalance:before{content:'White Balance'}#exif_GPSLat:before{content:'GPS Latitude'}#exif_GPSLong:before{content:'GPS Longitude'}#exif_DateTimeOriginal:before{content:'Date & Time'}#exif_GPSMap:before{content:'Google Map'}.photo-stack .exif_wrapper{position:absolute;top:0;left:0}.photo-stack .exif-trigger{position:absolute;top:0;transform:scale(1);box-shadow:none}.captionWrapper{max-width:600px;margin:0 auto;padding-left:32px;text-align:left;position:relative}.imageCaption{font-size:px;padding-bottom:0.2em}.groupTitle{font-size:px}#ncdPhotoBase:hover .img-caption-in{opacity:1}#ncdPhotoBase .img-caption-in{opacity:0;transition:opacity 200ms}.processing .img-caption-in{opacity:0}#ncdPhotoCaption{padding:10px;transition:opacity 200ms}#ncdPhotoCaption.zoom{opacity:0;pointer-events:none}#ncdPhotoCaption [data-italic-title="True"],#ncdPhotoCaption [data-italic-caption="True"]{font-style:italic}#ncdPhotoCaption [data-bold-title="True"],#ncdPhotoCaption [data-bold-caption="True"]{font-weight:bold}#ncdPhotoCaption [data-hide-title="True"],#ncdPhotoCaption [data-hide-caption="True"]{display:none}.imageCaption{color:rgba(255, 255, 255, 1.00)}.groupTitle{color:rgba(136, 136, 136, 1.00)}.groupTitle.ncdPhotoCopywrite{color:rgba(132, 132, 132, 1.00)}#ncdPhotoCounter{color:rgba(245, 245, 245, 1.00)}#ncdPhotoBase{background:rgba(15, 15, 15, 0.97)}.ncdPhotoNext:before,.ncdPhotoNext:after,.ncdPhotoPrev:before,.ncdPhotoPrev:after,.ncdPhotoClose i:before,.ncdPhotoClose i:after,.ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after,.ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after,.ncdPhotoClose i:hover:before,.ncdPhotoClose i:hover:after{background:rgba(245, 245, 245, 1.00)}.ncdPhotoNext:active,.ncdPhotoPrev:active{box-shadow:0 0 0 5px rgba(255, 255, 255, 0.30)}/*!* justifiedGallery - v4.0.0-alpha* http://miromannino.github.io/Justified-Gallery/* Copyright (c) 2019 Miro Mannino* Licensed under the MIT license.*/.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery > a,.justified-gallery > div,.justified-gallery > li,.justified-gallery > figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:0.1;margin:0;padding:0}.ncd-photo .justified-gallery > li > div{position:static}.justified-gallery > a > img,.justified-gallery > div > img,.justified-gallery > li > div > img,.justified-gallery > figure > img,.justified-gallery > a > a > img,.justified-gallery > div > a > img,.justified-gallery > figure > a > img,.justified-gallery > a > svg,.justified-gallery > div > svg,.justified-gallery > figure > svg,.justified-gallery > a > a > svg,.justified-gallery > div > a > svg,.justified-gallery > figure > a > svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none;filter:"alpha(opacity=0)";opacity:0}.justified-gallery > a > .caption,.justified-gallery > div > .caption,.justified-gallery > li > div > .caption,.justified-gallery > figure > .caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000000;left:0;right:0;margin:0;color:white;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery > a > .caption.caption-visible,.justified-gallery > div > .caption.caption-visible,.justified-gallery > li > div > .caption.caption-visible,.justified-gallery > figure > .caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:0.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery > .jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:none}.justified-gallery > .jg-entry-visible > img,.justified-gallery > .jg-entry-visible > div > img,.justified-gallery > .jg-entry-visible > a > img,.justified-gallery > .jg-entry-visible > svg,.justified-gallery > .jg-entry-visible > a > svg{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery > .jg-filtered{display:none}.justified-gallery > .spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery > .spinner > span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-radius:6px} #stacks_in_368 { margin: 10px 10px 10px 10px; } #stacks_in_369.ncd-photo p{text-align:left}#stacks_in_369 li > div.img-wrapper:before{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.08);position:absolute;top:0;left:0;right:0;bottom:0;content:'';content:'';z-index:20;transition:box-shadow 200ms;border-radius:3px}#stacks_in_369 li:hover > div.img-wrapper:before{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.20)}#stacks_in_369.ncd-photo li p span{ display:inline-block;}#stacks_in_369.grid li,#stacks_in_369.masonry li{width:calc(100% / 3)}@media only screen and (min-width:600px){#stacks_in_369.grid li,#stacks_in_369.masonry li{width:calc(100% / 3)}}@media only screen and (min-width:800px){#stacks_in_369.grid li,#stacks_in_369.masonry li{width:calc(100% / 3)}}@media only screen and (min-width:1100px){#stacks_in_369.grid li,#stacks_in_369.masonry li{width:calc(100% / 3)}}#stacks_in_369.grid li div{background-size:cover}#stacks_in_369.grid ul li div:after{padding-top:100%}#stacks_in_369.fitRows img{max-height:px;max-width:200px}#stacks_in_369 p{font-size:13px}#stacks_in_369 b{font-size:13px;color:rgba(255, 255, 255, 1.00)}#stacks_in_369 span>em{color:rgba(187, 187, 187, 1.00)}#stacks_in_369 span{background:rgba(0, 0, 0, 0.70)} #stacks_in_409 { margin: 50px 0px 0px 0px; } .stacks_in_414 img{width:100%;max-width:450px} #stacks_in_419 { margin: 40px 0px 0px 0px; } #stacks_in_426 { margin: 40px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_430, #ruleStackstacks_in_430:before, #ruleStackstacks_in_430:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_430 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_430 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_430 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_430 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_430 { text-align: center; } #ruleStackstacks_in_430:before, #ruleStackstacks_in_430:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_430:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_430:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_430 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_444 { margin: 50px 0px 50px 0px; } #stacks_in_479 { margin: 20px 0px 20px 0px; } .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding-bottom:10px}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:flex;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(../files/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(../files/slick/fonts/slick.eot);src:url('../files/slick/fonts/slick.eot?#iefix') format('embedded-opentype'),url(../files/slick/fonts/slick.woff) format('woff'),url(../files/slick/fonts/slick.ttf) format('truetype'),url('../files/slick/fonts/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;color:rgba(128, 128, 128, 0.50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-20px}[dir='rtl'] .slick-prev{right:-20px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-20px}[dir='rtl'] .slick-next{right:auto;left:-20px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:10px}.slick-dots{position:absolute;bottom:-16px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;color:rgba(0, 0, 0, 0.25);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:rgba(0, 0, 0, 0.75)} @media only screen and (max-width:600px){.slick-track{display:flex;}.slick-slide{height:auto;}} @media only screen and (max-width:992px) and (min-width:600px){.slick-track{display:flex;}.slick-slide{height:auto;}} @media only screen and (max-width:1200px) and (min-width:992px){.slick-track{display:flex;}.slick-slide{height:auto;}} @media only screen and (min-width:1200px){.slick-track{display:flex;}.slick-slide{height:auto;}} #stacks_in_450_reviews_custom *{box-sizing:border-box;}#stacks_in_450_reviews_custom.review_out{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-around;}@media only screen and (max-width:600px){ #stacks_in_450_reviews_custom.sm-up-2 .review{width:50%} #stacks_in_450_reviews_custom.review_out{margin:0px;padding:8px;}#stacks_in_450_reviews_custom .review{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_in{padding:8px}#stacks_in_450_reviews_custom .review_author{font-size:1.00rem}#stacks_in_450_reviews_custom .review_rtd{font-size:0.80rem}#stacks_in_450_reviews_custom .review_star{font-size:1.20rem}#stacks_in_450_reviews_custom .review_text{font-size:1.00rem}#stacks_in_450_reviews_custom .review_circle{width:45px;height:45px}#stacks_in_450_reviews_custom .slider_gutter{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_speech-arrow{left:45px}.not-sm{display:none}}@media only screen and (max-width:992px) and (min-width:600px){ #stacks_in_450_reviews_custom.md-up-3 .review{width:33.33333%} #stacks_in_450_reviews_custom.review_out{margin:0px; padding:8px; }#stacks_in_450_reviews_custom .review{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_in{padding:8px}#stacks_in_450_reviews_custom .review_author{font-size:1.10rem}#stacks_in_450_reviews_custom .review_rtd{font-size:0.80rem}#stacks_in_450_reviews_custom .review_star{font-size:1.20rem}#stacks_in_450_reviews_custom .review_text{font-size:1.00rem}#stacks_in_450_reviews_custom .review_circle{width:50px;height:50px}#stacks_in_450_reviews_custom .slider_gutter{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_speech-arrow{left:50px}.not-md{display:none}}@media only screen and (max-width:1200px) and (min-width:992px){ #stacks_in_450_reviews_custom.lg-up-4 .review{width:25%} #stacks_in_450_reviews_custom.review_out{margin:0px;padding:8px;}#stacks_in_450_reviews_custom .review{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_in{padding:8px}#stacks_in_450_reviews_custom .review_author{font-size:1.20rem}#stacks_in_450_reviews_custom .review_rtd{font-size:0.90rem}#stacks_in_450_reviews_custom .review_star{font-size:1.40rem}#stacks_in_450_reviews_custom .review_text{font-size:1.00rem}#stacks_in_450_reviews_custom .review_circle{width:55px;height:55px}#stacks_in_450_reviews_custom .slider_gutter{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_speech-arrow{left:55px}.not-lg{display:none}}@media only screen and (min-width:1200px){ #stacks_in_450_reviews_custom.xlg-up-3 .review{width:33.33333%} #stacks_in_450_reviews_custom.review_out{margin:0px;padding:8px;}#stacks_in_450_reviews_custom .review{padding:calc(16px/2)}#stacks_in_450_reviews_custom .review_in{padding:8px}#stacks_in_450_reviews_custom .review_author{font-size:1.20rem}#stacks_in_450_reviews_custom .review_rtd{font-size:0.90rem}#stacks_in_450_reviews_custom .review_star{font-size:1.40rem}#stacks_in_450_reviews_custom .review_text{font-size:1.00rem}#stacks_in_450_reviews_custom .review_circle{width:60px;height:60px}#stacks_in_450_reviews_custom .review_speech-arrow{left:60px}.not-xlg{display:none}}#stacks_in_450_reviews_custom .review_in{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-content:stretch;background:rgba(239, 239, 239, 1.00); border:0px solid #A7A7A7;-webkit-border-radius:8px;border-radius:8px; -webkit-box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20);box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20); height:100%;}#stacks_in_450_reviews_custom .review_author,#stacks_in_450_reviews_custom .review_rtd,#stacks_in_450_reviews_custom .review_text{font-family:inherit; }#stacks_in_450_reviews_custom .review_author{margin:0px; padding:0px;font-weight:bold;color:#008CBA;}#stacks_in_450_reviews_custom .review_rtd{margin:0px;padding:0px;color:#6C6C6C;}#stacks_in_450_reviews_custom .review_rating{margin:0px; padding:0px;}#stacks_in_450_reviews_custom .review_text{margin:0px;padding:0px;line-height:1.3;color:#000000;text-align:left;}#stacks_in_450_reviews_custom .review_image{display:inline-block;vertical-align:middle;margin:0px; padding:0px;}#stacks_in_450_reviews_custom .review_info{display:inline-block;vertical-align:middle;margin-left:8px;}.review_circle{-webkit-border-radius:50%;border-radius:50%;}#stacks_in_450_reviews_custom .review_spotlight{text-align:center;}#stacks_in_450_reviews_custom .review_spotlight>.review_text{flex-grow:1;text-align:center; }#stacks_in_450_reviews_custom .review_spotlight>.review_info{align-self:flex-end;width:100%}#stacks_in_450_reviews_custom .review_spotlight>.review_image{align-self:center;}#stacks_in_450_reviews_custom .review_speech{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-content:stretch; height:100%;}#stacks_in_450_reviews_custom .review_speech-upper{flex-grow:1;width:100%;background:rgba(239, 239, 239, 1.00);padding:8px; border:0px solid #A7A7A7;-webkit-border-radius:8px;border-radius:8px; -webkit-drop-shadow:4px 4px 6px rgba(0, 0, 0, 0.20);filter:drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.20)); position:relative;}#stacks_in_450_reviews_custom .review_speech-lower{align-self:flex-end;width:100%;}#stacks_in_450_reviews_custom .review_speech-arrow{border-right:calc(24px + 0px) solid transparent; border-top:24px solid rgba(239, 239, 239, 1.00);bottom:0; position:relative;width:0;height:0;line-height:1.1;}#stacks_in_450_reviews_custom .review_speech-arrow::before{}#stacks_in_450_reviews_custom .review_speech-arrow::after{} .stacks_in_452_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_452_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} .stacks_in_457_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_457_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} .stacks_in_461_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_461_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} .stacks_in_465_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_465_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} .stacks_in_469_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_469_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} .stacks_in_473_review_rating>span.review_star{color:rgba(214, 214, 214, 1.00)}.stacks_in_473_review_rating>span.review_star:nth-child(-n+5){color:rgba(251, 188, 5, 1.00)} /* @group Generic Styles */ #ruleStackstacks_in_476, #ruleStackstacks_in_476:before, #ruleStackstacks_in_476:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_476 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_476 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_476 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_476 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_476 { text-align: center; } #ruleStackstacks_in_476:before, #ruleStackstacks_in_476:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(46, 167, 34, 1.00); } #ruleStackstacks_in_476:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_476:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_476 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_88 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 10px 20px 10px; padding: 20px; } #stacks_in_89 { border: solid rgba(179, 179, 179, 1.00); border-width: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 10px 0px 10px; } #stacks_in_94 { margin: 20px 0px 0px 0px; } #stacks_in_95 { margin: 0px 10px 0px 10px; } #stacks_in_100 { margin: 0px 0px 10px 0px; } .qrcode.stacks_in_101{text-align:center}.qrcode.stacks_in_101 svg{max-width:100%;height:auto}.qrcode.stacks_in_101 svg rect{fill:#000000}.qrcode.stacks_in_101 svg path{fill:#FFFFFF} #stacks_in_103 { margin: 0px 10px 20px 10px; } #stacks_in_112 { margin: 10px 0px 10px 0px; } .stacks_in_132.ratio-sizing{aspect-ratio:1000/350} .stacks_in_139.ratio-sizing{aspect-ratio:350/350} #stacks_in_70 { margin: 20px 10px 20px 10px; }