#stacks_in_276 h1, h1 a{ transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(255, 255, 255, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bolder ; font-variant:small-caps ; text-shadow: 0 0 0.2em rgba(85, 85, 85, 1.00),0 0 0.2em rgba(85, 85, 85, 1.00) ; } /*-- End Letterpress --*/ /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ #stacks_in_261 *{ box-sizing: border-box !important; } #stacks_in_261 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_261 .devicewrapper, stacks_in_261_default10_hype_container, stacks_in_261 HYPE_document, #stacks_in_261 .device-trigger { pointer-events: auto !important; } #stacks_in_261 .devicewrapper { max-width: 2500px !important; margin-right: auto; margin-left: auto; } #stacks_in_261 .devicewrapper { display:table; width: 100%; height: 40vh; min-height: 360px; } @media (max-width: 800px) { #stacks_in_261 .devicewrapper { } } @media (max-width: 500px) { #stacks_in_261 .devicewrapper { } } /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_261 p { font-size: 100px !important; } #stacks_in_261 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_261_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_261 .hype-link-hover-group, #stacks_in_261 .hype-link-hover, #stacks_in_261 .hype-link-hover-blank { } #stacks_in_261 .hype-link-hover { } #stacks_in_261 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_261 .hype-link-hover-group { } #stacks_in_261 .hype-link-hover-group { display: none !important; } #stacks_in_261 .hype-link-hover-group { background-size: cover !important; background-position: 50% 50% !important; background-image: url() !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_261 .hype-link-hover, #stacks_in_261 .hype-link-hover-blank, #stacks_in_261 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_261 .device-area::after, #stacks_in_261 .device-area::before, #stacks_in_261 .device-area:after, #stacks_in_261 .device-area:before {display: none !important;} /* screen glas e shadows */ #stacks_in_261 .hype-glass-reflect { } #stacks_in_261 .hype-glass-shading { } #stacks_in_261 .hype-box-shadow{ } /* custom text */ #stacks_in_261 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: none; text-transform: none; font-size: 100px !important; line-height: 100px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_261 .hype-device-text, #stacks_in_261 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_261 .hype-device-text { } /* bands */ #stacks_in_261 .hype-bands-reveal1, #stacks_in_261 .hype-bands-reveal2, #stacks_in_261 .hype-bands-reveal1 path, #stacks_in_261 .hype-bands-reveal2 path { display: block !important; fill: rgba(15, 128, 255, 0.15) !important; } #stacks_in_261 .hype-bands-reveal1 { background-color: rgba(15, 128, 255, 0.15) !important; } #stacks_in_261 .hype-bands-reveal1 { } stacks_in_261_pointer {} /* linees */ #stacks_in_261 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 2px !important; } #stacks_in_261 .hype-symbol-linees1 { } #stacks_in_261 .hype-symbol-linees2 { display: block !important; } #stacks_in_261 .hype-symbol-linees1, #stacks_in_261 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_261 .hype-symbol-linees1, #stacks_in_261 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_261 .img-dev-bg-back, #stacks_in_261 .img-dev-bg-back path { background-size: auto !important; background-repeat: repeat-y !important; background-image: url(../files/pop_bg_cover_3.jpg) !important; opacity: 0.7; background-position: 50% 90% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_261 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_261 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_261 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_261 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_261 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_261 .img-dev-bg-back, #stacks_in_261 .img-dev-bg-back path { filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; } #stacks_in_261 .img-dev-vignetting { display: block !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.20))) !important; background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; background-image: -moz-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; } /* animation triggers */ #stacks_in_261 .bands-trigger, #stacks_in_261 .device-trigger { opacity: 0.5 !important; } #stacks_in_261 .device-trigger { top: 100px !important; } #stacks_in_261 .bands-trigger { top: 340px !important; } /* -- EACH CSS Template end -- */ #stacks_in_282 h1, h1 a{ transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(255, 255, 255, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bolder ; font-variant:small-caps ; text-shadow: 0 0 0.2em rgba(85, 85, 85, 1.00),0 0 0.2em rgba(85, 85, 85, 1.00) ; } /*-- End Letterpress --*/ /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ #stacks_in_258 *{ box-sizing: border-box !important; } #stacks_in_258 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_258 .devicewrapper, stacks_in_258_default10_hype_container, stacks_in_258 HYPE_document, #stacks_in_258 .device-trigger { pointer-events: auto !important; } #stacks_in_258 .devicewrapper { max-width: 2500px !important; margin-right: auto; margin-left: auto; } #stacks_in_258 .devicewrapper { display:table; width: 100%; height: 40vh; min-height: 360px; } @media (max-width: 800px) { #stacks_in_258 .devicewrapper { } } @media (max-width: 500px) { #stacks_in_258 .devicewrapper { } } /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_258 p { font-size: 100px !important; } #stacks_in_258 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_258_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_258 .hype-link-hover-group, #stacks_in_258 .hype-link-hover, #stacks_in_258 .hype-link-hover-blank { } #stacks_in_258 .hype-link-hover { } #stacks_in_258 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_258 .hype-link-hover-group { } #stacks_in_258 .hype-link-hover-group { display: none !important; } #stacks_in_258 .hype-link-hover-group { background-size: cover !important; background-position: 50% 50% !important; background-image: url() !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_258 .hype-link-hover, #stacks_in_258 .hype-link-hover-blank, #stacks_in_258 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_258 .device-area::after, #stacks_in_258 .device-area::before, #stacks_in_258 .device-area:after, #stacks_in_258 .device-area:before {display: none !important;} /* screen glas e shadows */ #stacks_in_258 .hype-glass-reflect { } #stacks_in_258 .hype-glass-shading { } #stacks_in_258 .hype-box-shadow{ } /* custom text */ #stacks_in_258 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: none; text-transform: none; font-size: 100px !important; line-height: 100px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_258 .hype-device-text, #stacks_in_258 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_258 .hype-device-text { } /* bands */ #stacks_in_258 .hype-bands-reveal1, #stacks_in_258 .hype-bands-reveal2, #stacks_in_258 .hype-bands-reveal1 path, #stacks_in_258 .hype-bands-reveal2 path { display: block !important; fill: rgba(153, 153, 153, 1.00) !important; } #stacks_in_258 .hype-bands-reveal1 { background-color: rgba(153, 153, 153, 1.00) !important; } #stacks_in_258 .hype-bands-reveal1 { } stacks_in_258_pointer {} /* linees */ #stacks_in_258 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 2px !important; } #stacks_in_258 .hype-symbol-linees1 { } #stacks_in_258 .hype-symbol-linees2 { display: block !important; } #stacks_in_258 .hype-symbol-linees1, #stacks_in_258 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_258 .hype-symbol-linees1, #stacks_in_258 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_258 .img-dev-bg-back, #stacks_in_258 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_3.jpg) !important; opacity: 0.5; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_258 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_258 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_258 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_258 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_258 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_258 .img-dev-bg-back, #stacks_in_258 .img-dev-bg-back path { filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; } #stacks_in_258 .img-dev-vignetting { display: block !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.20))) !important; background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; background-image: -moz-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.20)) !important; } /* animation triggers */ #stacks_in_258 .bands-trigger, #stacks_in_258 .device-trigger { opacity: 0.5 !important; } #stacks_in_258 .device-trigger { top: 100px !important; } #stacks_in_258 .bands-trigger { top: 100px !important; } /* -- EACH CSS Template end -- */