#stacks_in_470742 { background-color: rgba(255, 255, 102, 0.21); border: solid rgba(251, 2, 7, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 3px; padding: 3px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 108px !important;*/ #stacks_in_470761 p { font-size: 107px !important; } #stacks_in_470761 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_470761_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_470761 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_470761 .devicewrapper, stacks_in_470761_default10_hype_container, stacks_in_470761 HYPE_document, #stacks_in_470761 .device-trigger { pointer-events: auto !important; } #stacks_in_470761 .devicewrapper { max-width: 924px !important; margin-right: auto; margin-left: auto; } #stacks_in_470761 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_470761 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_470761 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_470761 .hype-link-hover-group, #stacks_in_470761 .hype-link-hover, #stacks_in_470761 .hype-link-hover-blank { } #stacks_in_470761 .hype-link-hover { } #stacks_in_470761 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_470761 .hype-link-hover-group { } #stacks_in_470761 .hype-link-hover-group { display: none !important; } #stacks_in_470761 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url() !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_470761 .hype-link-hover, #stacks_in_470761 .hype-link-hover-blank, #stacks_in_470761 .hype-hover-box { } /* main area */ #stacks_in_470761 .device-area::after, #stacks_in_470761 .device-area::before, #stacks_in_470761 .device-area:after, #stacks_in_470761 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_470761 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_470761 .hype-glass-shading { } #stacks_in_470761 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_470761 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 107px !important; line-height: 108px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; margin-top: 50px !important; margin-left: 0px !important; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 1px 6px 1px rgba(58, 58, 58, 0.34), 2px 0 5px rgba(58, 58, 58, 0.34), 2px 1px 3px rgba(58, 58, 58, 0.34), 2px 3px 5px rgba(58, 58, 58, 0.34), 3px 5px 10px rgba(58, 58, 58, 0.34), 4px 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_470761 .hype-device-text, #stacks_in_470761 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } #stacks_in_470761 .hype-device-text { } /* bands */ #stacks_in_470761 .hype-bands-reveal1, #stacks_in_470761 .hype-bands-reveal2, #stacks_in_470761 .hype-bands-reveal1 path, #stacks_in_470761 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_470761 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_470761 .hype-bands-reveal1 { display: none !important; } stacks_in_470761_pointer {} /* linees */ #stacks_in_470761 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_470761 .hype-symbol-linees1 { } #stacks_in_470761 .hype-symbol-linees2 { } #stacks_in_470761 .hype-symbol-linees1, #stacks_in_470761 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_470761 .hype-symbol-linees1, #stacks_in_470761 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_470761 .img-dev-bg-back, #stacks_in_470761 .img-dev-bg-back path { background-size: cover !important; pointer-events: none; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 0.6; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_470761 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_470761 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_470761 .img-dev-bg-back { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_470761 .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_470761 .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_470761 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_470761 .img-dev-bg-back, #stacks_in_470761 .img-dev-bg-back path { } #stacks_in_470761 .img-dev-vignetting { } /* animation triggers */ #stacks_in_470761 .bands-trigger, #stacks_in_470761 .device-trigger { opacity: 0.5 !important; } #stacks_in_470761 .device-trigger { top: 16px !important; } #stacks_in_470761 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- *//* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 108px !important;*/ #stacks_in_470762 p { font-size: 107px !important; } #stacks_in_470762 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_470762_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_470762 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_470762 .devicewrapper, stacks_in_470762_default10_hype_container, stacks_in_470762 HYPE_document, #stacks_in_470762 .device-trigger { pointer-events: auto !important; } #stacks_in_470762 .devicewrapper { max-width: 924px !important; margin-right: auto; margin-left: auto; } #stacks_in_470762 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_470762 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_470762 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_470762 .hype-link-hover-group, #stacks_in_470762 .hype-link-hover, #stacks_in_470762 .hype-link-hover-blank { } #stacks_in_470762 .hype-link-hover { } #stacks_in_470762 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_470762 .hype-link-hover-group { } #stacks_in_470762 .hype-link-hover-group { display: none !important; } #stacks_in_470762 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url() !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_470762 .hype-link-hover, #stacks_in_470762 .hype-link-hover-blank, #stacks_in_470762 .hype-hover-box { } /* main area */ #stacks_in_470762 .device-area::after, #stacks_in_470762 .device-area::before, #stacks_in_470762 .device-area:after, #stacks_in_470762 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_470762 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_470762 .hype-glass-shading { } #stacks_in_470762 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_470762 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 107px !important; line-height: 108px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; margin-top: 50px !important; margin-left: 0px !important; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 1px 6px 1px rgba(58, 58, 58, 0.34), 2px 0 5px rgba(58, 58, 58, 0.34), 2px 1px 3px rgba(58, 58, 58, 0.34), 2px 3px 5px rgba(58, 58, 58, 0.34), 3px 5px 10px rgba(58, 58, 58, 0.34), 4px 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_470762 .hype-device-text, #stacks_in_470762 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } #stacks_in_470762 .hype-device-text { } /* bands */ #stacks_in_470762 .hype-bands-reveal1, #stacks_in_470762 .hype-bands-reveal2, #stacks_in_470762 .hype-bands-reveal1 path, #stacks_in_470762 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_470762 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_470762 .hype-bands-reveal1 { display: none !important; } stacks_in_470762_pointer {} /* linees */ #stacks_in_470762 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_470762 .hype-symbol-linees1 { } #stacks_in_470762 .hype-symbol-linees2 { } #stacks_in_470762 .hype-symbol-linees1, #stacks_in_470762 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_470762 .hype-symbol-linees1, #stacks_in_470762 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_470762 .img-dev-bg-back, #stacks_in_470762 .img-dev-bg-back path { background-size: cover !important; pointer-events: none; background-image: url(../files/pop_bg_cover_5.jpg) !important; opacity: 0.6; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_470762 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_470762 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_470762 .img-dev-bg-back { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_470762 .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_470762 .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_470762 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_470762 .img-dev-bg-back, #stacks_in_470762 .img-dev-bg-back path { } #stacks_in_470762 .img-dev-vignetting { } /* animation triggers */ #stacks_in_470762 .bands-trigger, #stacks_in_470762 .device-trigger { opacity: 0.5 !important; } #stacks_in_470762 .device-trigger { top: 16px !important; } #stacks_in_470762 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_7880 { border: solid rgba(0, 0, 0, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_7883 .stacks_left { float:left; width:32%; } #stacks_in_7883 .stacks_right { float:right; width:32%; } #stacks_in_7883 .stacks_middle { position:relative; margin:0 auto; width:32%; } #stacks_in_7883 { 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_7885 { padding: 5px 10px 5px 10px; } #stacks_in_7887 { padding: 5px 0px 5px 0px; } #stacks_in_7899 { text-transform: uppercase; } #stacks_in_7888 { padding: 5px 0px 5px 0px; } #stacks_in_7900 { font-weight: lighter; } #stacks_in_7890 { padding: 5px 10px 5px 10px; } #stacks_in_7892 { padding: 5px 0px 5px 0px; } #stacks_in_7901 { text-transform: uppercase; } #stacks_in_7893 { padding: 5px 0px 5px 0px; } #stacks_in_7902 { font-weight: lighter; } #stacks_in_7895 { padding: 5px 10px 5px 10px; } #stacks_in_7897 { padding: 5px 0px 5px 0px; } #stacks_in_7903 { text-transform: uppercase; } #stacks_in_7898 { padding: 5px 0px 5px 0px; } #stacks_in_7904 { font-weight: lighter; }