#stacks_in_9021 { margin: 4px; padding: 4px; } #stacks_in_34287 { background-color: rgba(255, 255, 102, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34672 { background-color: rgba(253, 255, 203, 0.21); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34682 { background-color: rgba(252, 255, 193, 0.19); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34485 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34674 p { font-size: 100px !important; } #stacks_in_34674 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34674_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34674 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34674 .devicewrapper, stacks_in_34674_default10_hype_container, stacks_in_34674 HYPE_document, #stacks_in_34674 .device-trigger { pointer-events: auto !important; } #stacks_in_34674 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34674 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34674 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34674 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34674 .hype-link-hover-group, #stacks_in_34674 .hype-link-hover, #stacks_in_34674 .hype-link-hover-blank { } #stacks_in_34674 .hype-link-hover { } #stacks_in_34674 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34674 .hype-link-hover-group { } #stacks_in_34674 .hype-link-hover-group { display: none !important; } #stacks_in_34674 .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_34674 .hype-link-hover, #stacks_in_34674 .hype-link-hover-blank, #stacks_in_34674 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34674 .device-area::after, #stacks_in_34674 .device-area::before, #stacks_in_34674 .device-area:after, #stacks_in_34674 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34674 .hype-glass-reflect { } #stacks_in_34674 .hype-glass-shading { } #stacks_in_34674 .hype-box-shadow{ } /* custom text */ #stacks_in_34674 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34674 .hype-device-text, #stacks_in_34674 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34674 .hype-device-text { } /* bands */ #stacks_in_34674 .hype-bands-reveal1, #stacks_in_34674 .hype-bands-reveal2, #stacks_in_34674 .hype-bands-reveal1 path, #stacks_in_34674 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34674 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34674 .hype-bands-reveal1 { display: none !important; } stacks_in_34674_pointer {} /* linees */ #stacks_in_34674 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34674 .hype-symbol-linees1 { display: block !important; } #stacks_in_34674 .hype-symbol-linees2 { } #stacks_in_34674 .hype-symbol-linees1, #stacks_in_34674 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34674 .hype-symbol-linees1, #stacks_in_34674 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34674 .img-dev-bg-back, #stacks_in_34674 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34674 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34674 .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_34674 .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_34674 .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_34674 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34674 .img-dev-bg-back, #stacks_in_34674 .img-dev-bg-back path { } #stacks_in_34674 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34674 .bands-trigger, #stacks_in_34674 .device-trigger { opacity: 0.5 !important; } #stacks_in_34674 .device-trigger { top: 80px !important; } #stacks_in_34674 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34674 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34684 { background-color: rgba(251, 255, 181, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34467 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34675 p { font-size: 100px !important; } #stacks_in_34675 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34675_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34675 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34675 .devicewrapper, stacks_in_34675_default10_hype_container, stacks_in_34675 HYPE_document, #stacks_in_34675 .device-trigger { pointer-events: auto !important; } #stacks_in_34675 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34675 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34675 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34675 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34675 .hype-link-hover-group, #stacks_in_34675 .hype-link-hover, #stacks_in_34675 .hype-link-hover-blank { } #stacks_in_34675 .hype-link-hover { } #stacks_in_34675 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34675 .hype-link-hover-group { } #stacks_in_34675 .hype-link-hover-group { display: none !important; } #stacks_in_34675 .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_34675 .hype-link-hover, #stacks_in_34675 .hype-link-hover-blank, #stacks_in_34675 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34675 .device-area::after, #stacks_in_34675 .device-area::before, #stacks_in_34675 .device-area:after, #stacks_in_34675 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34675 .hype-glass-reflect { } #stacks_in_34675 .hype-glass-shading { } #stacks_in_34675 .hype-box-shadow{ } /* custom text */ #stacks_in_34675 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34675 .hype-device-text, #stacks_in_34675 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34675 .hype-device-text { } /* bands */ #stacks_in_34675 .hype-bands-reveal1, #stacks_in_34675 .hype-bands-reveal2, #stacks_in_34675 .hype-bands-reveal1 path, #stacks_in_34675 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34675 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34675 .hype-bands-reveal1 { display: none !important; } stacks_in_34675_pointer {} /* linees */ #stacks_in_34675 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34675 .hype-symbol-linees1 { display: block !important; } #stacks_in_34675 .hype-symbol-linees2 { } #stacks_in_34675 .hype-symbol-linees1, #stacks_in_34675 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34675 .hype-symbol-linees1, #stacks_in_34675 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34675 .img-dev-bg-back, #stacks_in_34675 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34675 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34675 .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_34675 .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_34675 .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_34675 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34675 .img-dev-bg-back, #stacks_in_34675 .img-dev-bg-back path { } #stacks_in_34675 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34675 .bands-trigger, #stacks_in_34675 .device-trigger { opacity: 0.5 !important; } #stacks_in_34675 .device-trigger { top: 80px !important; } #stacks_in_34675 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34675 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34686 { background-color: rgba(251, 255, 166, 0.22); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34421 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34676 p { font-size: 100px !important; } #stacks_in_34676 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34676_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34676 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34676 .devicewrapper, stacks_in_34676_default10_hype_container, stacks_in_34676 HYPE_document, #stacks_in_34676 .device-trigger { pointer-events: auto !important; } #stacks_in_34676 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34676 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34676 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34676 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34676 .hype-link-hover-group, #stacks_in_34676 .hype-link-hover, #stacks_in_34676 .hype-link-hover-blank { } #stacks_in_34676 .hype-link-hover { } #stacks_in_34676 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34676 .hype-link-hover-group { } #stacks_in_34676 .hype-link-hover-group { display: none !important; } #stacks_in_34676 .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_34676 .hype-link-hover, #stacks_in_34676 .hype-link-hover-blank, #stacks_in_34676 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34676 .device-area::after, #stacks_in_34676 .device-area::before, #stacks_in_34676 .device-area:after, #stacks_in_34676 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34676 .hype-glass-reflect { } #stacks_in_34676 .hype-glass-shading { } #stacks_in_34676 .hype-box-shadow{ } /* custom text */ #stacks_in_34676 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34676 .hype-device-text, #stacks_in_34676 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34676 .hype-device-text { } /* bands */ #stacks_in_34676 .hype-bands-reveal1, #stacks_in_34676 .hype-bands-reveal2, #stacks_in_34676 .hype-bands-reveal1 path, #stacks_in_34676 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34676 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34676 .hype-bands-reveal1 { display: none !important; } stacks_in_34676_pointer {} /* linees */ #stacks_in_34676 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34676 .hype-symbol-linees1 { display: block !important; } #stacks_in_34676 .hype-symbol-linees2 { } #stacks_in_34676 .hype-symbol-linees1, #stacks_in_34676 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34676 .hype-symbol-linees1, #stacks_in_34676 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34676 .img-dev-bg-back, #stacks_in_34676 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34676 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34676 .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_34676 .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_34676 .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_34676 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34676 .img-dev-bg-back, #stacks_in_34676 .img-dev-bg-back path { } #stacks_in_34676 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34676 .bands-trigger, #stacks_in_34676 .device-trigger { opacity: 0.5 !important; } #stacks_in_34676 .device-trigger { top: 80px !important; } #stacks_in_34676 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34676 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34677 p { font-size: 100px !important; } #stacks_in_34677 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34677_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34677 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34677 .devicewrapper, stacks_in_34677_default10_hype_container, stacks_in_34677 HYPE_document, #stacks_in_34677 .device-trigger { pointer-events: auto !important; } #stacks_in_34677 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34677 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34677 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34677 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34677 .hype-link-hover-group, #stacks_in_34677 .hype-link-hover, #stacks_in_34677 .hype-link-hover-blank { } #stacks_in_34677 .hype-link-hover { } #stacks_in_34677 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34677 .hype-link-hover-group { } #stacks_in_34677 .hype-link-hover-group { display: none !important; } #stacks_in_34677 .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_34677 .hype-link-hover, #stacks_in_34677 .hype-link-hover-blank, #stacks_in_34677 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34677 .device-area::after, #stacks_in_34677 .device-area::before, #stacks_in_34677 .device-area:after, #stacks_in_34677 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34677 .hype-glass-reflect { } #stacks_in_34677 .hype-glass-shading { } #stacks_in_34677 .hype-box-shadow{ } /* custom text */ #stacks_in_34677 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34677 .hype-device-text, #stacks_in_34677 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34677 .hype-device-text { } /* bands */ #stacks_in_34677 .hype-bands-reveal1, #stacks_in_34677 .hype-bands-reveal2, #stacks_in_34677 .hype-bands-reveal1 path, #stacks_in_34677 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34677 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34677 .hype-bands-reveal1 { display: none !important; } stacks_in_34677_pointer {} /* linees */ #stacks_in_34677 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34677 .hype-symbol-linees1 { display: block !important; } #stacks_in_34677 .hype-symbol-linees2 { } #stacks_in_34677 .hype-symbol-linees1, #stacks_in_34677 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34677 .hype-symbol-linees1, #stacks_in_34677 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34677 .img-dev-bg-back, #stacks_in_34677 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34677 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34677 .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_34677 .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_34677 .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_34677 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34677 .img-dev-bg-back, #stacks_in_34677 .img-dev-bg-back path { } #stacks_in_34677 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34677 .bands-trigger, #stacks_in_34677 .device-trigger { opacity: 0.5 !important; } #stacks_in_34677 .device-trigger { top: 80px !important; } #stacks_in_34677 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34677 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34688 { background-color: rgba(249, 255, 149, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34634 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34678 p { font-size: 100px !important; } #stacks_in_34678 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34678_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34678 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34678 .devicewrapper, stacks_in_34678_default10_hype_container, stacks_in_34678 HYPE_document, #stacks_in_34678 .device-trigger { pointer-events: auto !important; } #stacks_in_34678 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34678 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34678 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34678 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34678 .hype-link-hover-group, #stacks_in_34678 .hype-link-hover, #stacks_in_34678 .hype-link-hover-blank { } #stacks_in_34678 .hype-link-hover { } #stacks_in_34678 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34678 .hype-link-hover-group { } #stacks_in_34678 .hype-link-hover-group { display: none !important; } #stacks_in_34678 .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_34678 .hype-link-hover, #stacks_in_34678 .hype-link-hover-blank, #stacks_in_34678 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34678 .device-area::after, #stacks_in_34678 .device-area::before, #stacks_in_34678 .device-area:after, #stacks_in_34678 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34678 .hype-glass-reflect { } #stacks_in_34678 .hype-glass-shading { } #stacks_in_34678 .hype-box-shadow{ } /* custom text */ #stacks_in_34678 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34678 .hype-device-text, #stacks_in_34678 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34678 .hype-device-text { } /* bands */ #stacks_in_34678 .hype-bands-reveal1, #stacks_in_34678 .hype-bands-reveal2, #stacks_in_34678 .hype-bands-reveal1 path, #stacks_in_34678 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34678 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34678 .hype-bands-reveal1 { display: none !important; } stacks_in_34678_pointer {} /* linees */ #stacks_in_34678 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34678 .hype-symbol-linees1 { display: block !important; } #stacks_in_34678 .hype-symbol-linees2 { } #stacks_in_34678 .hype-symbol-linees1, #stacks_in_34678 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34678 .hype-symbol-linees1, #stacks_in_34678 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34678 .img-dev-bg-back, #stacks_in_34678 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34678 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34678 .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_34678 .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_34678 .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_34678 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34678 .img-dev-bg-back, #stacks_in_34678 .img-dev-bg-back path { } #stacks_in_34678 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34678 .bands-trigger, #stacks_in_34678 .device-trigger { opacity: 0.5 !important; } #stacks_in_34678 .device-trigger { top: 80px !important; } #stacks_in_34678 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34678 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34711 { background-color: rgba(247, 255, 132, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34359 { background-color: rgba(249, 255, 132, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34679 p { font-size: 100px !important; } #stacks_in_34679 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34679_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34679 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34679 .devicewrapper, stacks_in_34679_default10_hype_container, stacks_in_34679 HYPE_document, #stacks_in_34679 .device-trigger { pointer-events: auto !important; } #stacks_in_34679 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34679 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34679 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34679 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34679 .hype-link-hover-group, #stacks_in_34679 .hype-link-hover, #stacks_in_34679 .hype-link-hover-blank { } #stacks_in_34679 .hype-link-hover { } #stacks_in_34679 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34679 .hype-link-hover-group { } #stacks_in_34679 .hype-link-hover-group { display: none !important; } #stacks_in_34679 .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_34679 .hype-link-hover, #stacks_in_34679 .hype-link-hover-blank, #stacks_in_34679 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34679 .device-area::after, #stacks_in_34679 .device-area::before, #stacks_in_34679 .device-area:after, #stacks_in_34679 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34679 .hype-glass-reflect { } #stacks_in_34679 .hype-glass-shading { } #stacks_in_34679 .hype-box-shadow{ } /* custom text */ #stacks_in_34679 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34679 .hype-device-text, #stacks_in_34679 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34679 .hype-device-text { } /* bands */ #stacks_in_34679 .hype-bands-reveal1, #stacks_in_34679 .hype-bands-reveal2, #stacks_in_34679 .hype-bands-reveal1 path, #stacks_in_34679 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34679 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34679 .hype-bands-reveal1 { display: none !important; } stacks_in_34679_pointer {} /* linees */ #stacks_in_34679 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34679 .hype-symbol-linees1 { display: block !important; } #stacks_in_34679 .hype-symbol-linees2 { } #stacks_in_34679 .hype-symbol-linees1, #stacks_in_34679 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34679 .hype-symbol-linees1, #stacks_in_34679 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34679 .img-dev-bg-back, #stacks_in_34679 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34679 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34679 .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_34679 .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_34679 .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_34679 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34679 .img-dev-bg-back, #stacks_in_34679 .img-dev-bg-back path { } #stacks_in_34679 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34679 .bands-trigger, #stacks_in_34679 .device-trigger { opacity: 0.5 !important; } #stacks_in_34679 .device-trigger { top: 80px !important; } #stacks_in_34679 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34679 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34690 { background-color: rgba(244, 255, 114, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34335 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34680 p { font-size: 100px !important; } #stacks_in_34680 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34680_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34680 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34680 .devicewrapper, stacks_in_34680_default10_hype_container, stacks_in_34680 HYPE_document, #stacks_in_34680 .device-trigger { pointer-events: auto !important; } #stacks_in_34680 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34680 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34680 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34680 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34680 .hype-link-hover-group, #stacks_in_34680 .hype-link-hover, #stacks_in_34680 .hype-link-hover-blank { } #stacks_in_34680 .hype-link-hover { } #stacks_in_34680 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34680 .hype-link-hover-group { } #stacks_in_34680 .hype-link-hover-group { display: none !important; } #stacks_in_34680 .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_34680 .hype-link-hover, #stacks_in_34680 .hype-link-hover-blank, #stacks_in_34680 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34680 .device-area::after, #stacks_in_34680 .device-area::before, #stacks_in_34680 .device-area:after, #stacks_in_34680 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34680 .hype-glass-reflect { } #stacks_in_34680 .hype-glass-shading { } #stacks_in_34680 .hype-box-shadow{ } /* custom text */ #stacks_in_34680 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34680 .hype-device-text, #stacks_in_34680 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34680 .hype-device-text { } /* bands */ #stacks_in_34680 .hype-bands-reveal1, #stacks_in_34680 .hype-bands-reveal2, #stacks_in_34680 .hype-bands-reveal1 path, #stacks_in_34680 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34680 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34680 .hype-bands-reveal1 { display: none !important; } stacks_in_34680_pointer {} /* linees */ #stacks_in_34680 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34680 .hype-symbol-linees1 { display: block !important; } #stacks_in_34680 .hype-symbol-linees2 { } #stacks_in_34680 .hype-symbol-linees1, #stacks_in_34680 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34680 .hype-symbol-linees1, #stacks_in_34680 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34680 .img-dev-bg-back, #stacks_in_34680 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34680 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34680 .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_34680 .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_34680 .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_34680 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34680 .img-dev-bg-back, #stacks_in_34680 .img-dev-bg-back path { } #stacks_in_34680 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34680 .bands-trigger, #stacks_in_34680 .device-trigger { opacity: 0.5 !important; } #stacks_in_34680 .device-trigger { top: 80px !important; } #stacks_in_34680 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34680 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34694 { background-color: rgba(242, 255, 96, 0.21); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34692 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } #stacks_in_34656>.s3_row { margin: 0 -10px; } #stacks_in_34656>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_34656>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_34656>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_34656>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_34656>.s3_row { margin: -10px 0; } #stacks_in_34656>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_34656 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_34667 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* Start doobox vimeo pop css */ .stacks_in_34670manifesttrigger img{ display: block; } .stacks_in_34670loader{ position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -64px; } .stacks_in_34670manifestbox{ position: relative; width: 75%; max-width: 10000px; display: table; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } /* ------------------------------------- if the large thumbnail is selected */ .stacks_in_34670playbutton{ display: block; position: absolute; top: 50%; left: 50%; width: 52px; height: 32px; margin-top: -16px; margin-left: -26px; background: url(../files/youtubepop_files/play1.png); } .stacks_in_34670videothumb{ width: 100%; background: #e6e6e6; } .stacks_in_34670manifesttrigger{ position: relative; padding: 1px; background: #FF0000; max-width: 200px; margin: 0 auto 0 auto; cursor: pointer; } /* end if in edit mode */ /* -------------------------------------------------- if in preview mode */ .stacks_in_34670manifestbox{ display: none; } .stacks_in_34670videothumbpreview{ display: none; } /* ------------------------------------------------- end if in preview mode */ /* ---------------------------------------------------------------- start misc styles */ .stacks_in_34670manifestclose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/youtubepop_files/thex.png); cursor: pointer; } .stacks_in_34670clearer{ clear: both; height: 0px; margin: 0; padding: 0; } .stacks_in_34670editvideotip{ color: #ffffff; padding-top: 5px; padding-bottom: 10px; } /* end doobox vimeo pop css */ #stacks_in_34670 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_34662 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* Start doobox vimeo pop css */ .stacks_in_34665manifesttrigger img{ display: block; } .stacks_in_34665loader{ position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -64px; } .stacks_in_34665manifestbox{ position: relative; width: 75%; max-width: 10000px; display: table; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } /* ------------------------------------- if the large thumbnail is selected */ .stacks_in_34665playbutton{ display: block; position: absolute; top: 50%; left: 50%; width: 52px; height: 32px; margin-top: -16px; margin-left: -26px; background: url(../files/youtubepop_files/play1.png); } .stacks_in_34665videothumb{ width: 100%; background: #e6e6e6; } .stacks_in_34665manifesttrigger{ position: relative; padding: 1px; background: #FF0000; max-width: 200px; margin: 0 auto 0 auto; cursor: pointer; } /* end if in edit mode */ /* -------------------------------------------------- if in preview mode */ .stacks_in_34665manifestbox{ display: none; } .stacks_in_34665videothumbpreview{ display: none; } /* ------------------------------------------------- end if in preview mode */ /* ---------------------------------------------------------------- start misc styles */ .stacks_in_34665manifestclose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/youtubepop_files/thex.png); cursor: pointer; } .stacks_in_34665clearer{ clear: both; height: 0px; margin: 0; padding: 0; } .stacks_in_34665editvideotip{ color: #ffffff; padding-top: 5px; padding-bottom: 10px; } /* end doobox vimeo pop css */ #stacks_in_34665 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_34657 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* Start doobox vimeo pop css */ .stacks_in_34660manifesttrigger img{ display: block; } .stacks_in_34660loader{ position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -64px; } .stacks_in_34660manifestbox{ position: relative; width: 75%; max-width: 10000px; display: table; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } /* ------------------------------------- if the large thumbnail is selected */ .stacks_in_34660playbutton{ display: block; position: absolute; top: 50%; left: 50%; width: 52px; height: 32px; margin-top: -16px; margin-left: -26px; background: url(../files/youtubepop_files/play1.png); } .stacks_in_34660videothumb{ width: 100%; background: #e6e6e6; } .stacks_in_34660manifesttrigger{ position: relative; padding: 1px; background: #FF0000; max-width: 200px; margin: 0 auto 0 auto; cursor: pointer; } /* end if in edit mode */ /* -------------------------------------------------- if in preview mode */ .stacks_in_34660manifestbox{ display: none; } .stacks_in_34660videothumbpreview{ display: none; } /* ------------------------------------------------- end if in preview mode */ /* ---------------------------------------------------------------- start misc styles */ .stacks_in_34660manifestclose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/youtubepop_files/thex.png); cursor: pointer; } .stacks_in_34660clearer{ clear: both; height: 0px; margin: 0; padding: 0; } .stacks_in_34660editvideotip{ color: #ffffff; padding-top: 5px; padding-bottom: 10px; } /* end doobox vimeo pop css */ #stacks_in_34660 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_34707 { background-color: rgba(239, 255, 77, 0.19); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 5px; } #stacks_in_34709 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } #stacks_in_34698>.s3_row { margin: 0 -10px; } #stacks_in_34698>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_34698>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_34698>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_34698>.s3_row { margin: -10px 0; } #stacks_in_34698>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_34696 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* Start doobox vimeo pop css */ .stacks_in_34701manifesttrigger img{ display: block; } .stacks_in_34701loader{ position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -64px; } .stacks_in_34701manifestbox{ position: relative; width: 75%; max-width: 10000px; display: table; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } /* ------------------------------------- if the large thumbnail is selected */ .stacks_in_34701playbutton{ display: block; position: absolute; top: 50%; left: 50%; width: 52px; height: 32px; margin-top: -16px; margin-left: -26px; background: url(../files/youtubepop_files/play1.png); } .stacks_in_34701videothumb{ width: 100%; background: #e6e6e6; } .stacks_in_34701manifesttrigger{ position: relative; padding: 1px; background: #FF0000; max-width: 200px; margin: 0 auto 0 auto; cursor: pointer; } /* end if in edit mode */ /* -------------------------------------------------- if in preview mode */ .stacks_in_34701manifestbox{ display: none; } .stacks_in_34701videothumbpreview{ display: none; } /* ------------------------------------------------- end if in preview mode */ /* ---------------------------------------------------------------- start misc styles */ .stacks_in_34701manifestclose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/youtubepop_files/thex.png); cursor: pointer; } .stacks_in_34701clearer{ clear: both; height: 0px; margin: 0; padding: 0; } .stacks_in_34701editvideotip{ color: #ffffff; padding-top: 5px; padding-bottom: 10px; } /* end doobox vimeo pop css */ #stacks_in_34701 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_34703 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 25px 0px 0px 0px; } /* Start doobox vimeo pop css */ .stacks_in_34705manifesttrigger img{ display: block; } .stacks_in_34705loader{ position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -64px; } .stacks_in_34705manifestbox{ position: relative; width: 75%; max-width: 10000px; display: table; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } /* ------------------------------------- if the large thumbnail is selected */ .stacks_in_34705playbutton{ display: block; position: absolute; top: 50%; left: 50%; width: 52px; height: 32px; margin-top: -16px; margin-left: -26px; background: url(../files/youtubepop_files/play1.png); } .stacks_in_34705videothumb{ width: 100%; background: #e6e6e6; } .stacks_in_34705manifesttrigger{ position: relative; padding: 1px; background: #FF0000; max-width: 200px; margin: 0 auto 0 auto; cursor: pointer; } /* end if in edit mode */ /* -------------------------------------------------- if in preview mode */ .stacks_in_34705manifestbox{ display: none; } .stacks_in_34705videothumbpreview{ display: none; } /* ------------------------------------------------- end if in preview mode */ /* ---------------------------------------------------------------- start misc styles */ .stacks_in_34705manifestclose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/youtubepop_files/thex.png); cursor: pointer; } .stacks_in_34705clearer{ clear: both; height: 0px; margin: 0; padding: 0; } .stacks_in_34705editvideotip{ color: #ffffff; padding-top: 5px; padding-bottom: 10px; } /* end doobox vimeo pop css */ #stacks_in_34705 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_34648 { background-color: rgba(236, 255, 60, 0.20); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_34681 p { font-size: 100px !important; } #stacks_in_34681 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_34681_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_34681 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_34681 .devicewrapper, stacks_in_34681_default10_hype_container, stacks_in_34681 HYPE_document, #stacks_in_34681 .device-trigger { pointer-events: auto !important; } #stacks_in_34681 .devicewrapper { max-width: 2509px !important; margin-right: auto; margin-left: auto; } #stacks_in_34681 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_34681 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_34681 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_34681 .hype-link-hover-group, #stacks_in_34681 .hype-link-hover, #stacks_in_34681 .hype-link-hover-blank { } #stacks_in_34681 .hype-link-hover { } #stacks_in_34681 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_34681 .hype-link-hover-group { } #stacks_in_34681 .hype-link-hover-group { display: none !important; } #stacks_in_34681 .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_34681 .hype-link-hover, #stacks_in_34681 .hype-link-hover-blank, #stacks_in_34681 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_34681 .device-area::after, #stacks_in_34681 .device-area::before, #stacks_in_34681 .device-area:after, #stacks_in_34681 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_34681 .hype-glass-reflect { } #stacks_in_34681 .hype-glass-shading { } #stacks_in_34681 .hype-box-shadow{ } /* custom text */ #stacks_in_34681 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: italic; 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; text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35), 0px 8px rgba(0, 0, 0, 0.35), 0px 9px rgba(0, 0, 0, 0.35), 0px 10px rgba(0, 0, 0, 0.35) !important; } #stacks_in_34681 .hype-device-text, #stacks_in_34681 p .hype-device-text { font-family: "title_safe_font_selector", cursive !important; font-family: "Arial", cursive !important; font-weight: 400 !important; } #stacks_in_34681 .hype-device-text { } /* bands */ #stacks_in_34681 .hype-bands-reveal1, #stacks_in_34681 .hype-bands-reveal2, #stacks_in_34681 .hype-bands-reveal1 path, #stacks_in_34681 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34681 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_34681 .hype-bands-reveal1 { display: none !important; } stacks_in_34681_pointer {} /* linees */ #stacks_in_34681 .hype-linees path { stroke-style: solid !important; stroke: rgba(245, 245, 245, 0.70) !important; stroke-width: 9px !important; } #stacks_in_34681 .hype-symbol-linees1 { display: block !important; } #stacks_in_34681 .hype-symbol-linees2 { } #stacks_in_34681 .hype-symbol-linees1, #stacks_in_34681 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_34681 .hype-symbol-linees1, #stacks_in_34681 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_34681 .img-dev-bg-back, #stacks_in_34681 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34681 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34681 .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_34681 .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_34681 .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_34681 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_34681 .img-dev-bg-back, #stacks_in_34681 .img-dev-bg-back path { } #stacks_in_34681 .img-dev-vignetting { } /* animation triggers */ #stacks_in_34681 .bands-trigger, #stacks_in_34681 .device-trigger { opacity: 0.5 !important; } #stacks_in_34681 .device-trigger { top: 80px !important; } #stacks_in_34681 .bands-trigger { top: 75px !important; } /* -- EACH CSS Template end -- */ #stacks_in_34681 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 4px; } #stacks_in_34713 { background-color: rgba(102, 204, 255, 0.18); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 4px; padding: 4px; } #stacks_in_34716 .stacks_left { float:left; width:32%; } #stacks_in_34716 .stacks_right { float:right; width:32%; } #stacks_in_34716 .stacks_middle { position:relative; margin:0 auto; width:32%; } #stacks_in_34716 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(216, 216, 216, 1.00); border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 20px 10px 20px; padding: 10px 20px 10px 20px; } #stacks_in_34717 { padding: 5px 10px 5px 10px; } #stacks_in_34719 { padding: 5px 0px 5px 0px; } #stacks_in_34721 { text-transform: uppercase; } #stacks_in_34722 { padding: 5px 0px 5px 0px; } #stacks_in_34714 { font-weight: lighter; } #stacks_in_34723 { padding: 5px 10px 5px 10px; } #stacks_in_34725 { padding: 5px 0px 5px 0px; } #stacks_in_34727 { text-transform: uppercase; } #stacks_in_34728 { padding: 5px 0px 5px 0px; } #stacks_in_34729 { font-weight: lighter; } #stacks_in_34730 { padding: 5px 10px 5px 10px; } #stacks_in_34732 { padding: 5px 0px 5px 0px; } #stacks_in_34734 { text-transform: uppercase; } #stacks_in_34735 { padding: 5px 0px 5px 0px; } #stacks_in_34736 { font-weight: lighter; }