#stacks_in_4 { border: solid rgba(0, 0, 255, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 0px 15px 0px; padding: 1px; } /* -- EACH CSS Template -- */ #stacks_in_2 * { box-sizing: border-box !important; } #stacks_in_2 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_2 .devicewrapper, stacks_in_2_default7_hype_container, stacks_in_2 HYPE_document, #stacks_in_2 .device-trigger { pointer-events: auto !important; } #stacks_in_2 .devicewrapper { max-width: 1800px !important; margin-right: auto; margin-left: auto; } #stacks_in_2 .devicewrapper { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_2 .devicewrapper { height: 400px; } } @media (max-width: 600px) { #stacks_in_2 .devicewrapper { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 60px !important;*/ #stacks_in_2 p { font-size: 60px !important; } #stacks_in_2 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_2_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_2 .hype-link-hover-group, #stacks_in_2 .hype-link-hover, #stacks_in_2 .hype-link-hover-blank { } #stacks_in_2 .hype-link-hover { } #stacks_in_2 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_2 .hype-link-hover-group { } #stacks_in_2 .hype-link-hover-group { display: none !important; } #stacks_in_2 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url() !important; } #stacks_in_2 .device-area { } #stacks_in_2 .hype-dev-frame path, #stacks_in_2 .hype-dev-frame { stroke-style: solid !important; fill: rgba(76, 76, 76, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CACACA !important; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_2 .hype-glass-reflect { } #stacks_in_2 .hype-glass-shading { } #stacks_in_2 .hype-bottom-shadow { background-image: url(../files/shadow.png) !important; background-size: contain !important; object-fit: contain !important; background-repeat: no-repeat; background-position: center center; opacity: 0.5 !important; display: block !important; } @media (max-width: 500px) { #stacks_in_2 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_2 .hype-dev-frame-back path, #stacks_in_2 .hype-dev-frame-back { fill: rgba(220, 219, 221, 1.00) !important; } /* custom text */ #stacks_in_2 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #7F7F7F !important; font-style: none; text-transform: none; font-size: 60px !important; line-height: 60px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; } #stacks_in_2 .hype-device-text, #stacks_in_2 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } /* sreen bottom side stand and laptop */ #stacks_in_2 .hype-dev-stand-style, #stacks_in_2 .hype-dev-stand-style path { fill: rgba(76, 76, 76, 1.00) !important; stroke-style: solid !important; stroke: #CACACA !important; stroke-width: 4px !important; } #stacks_in_2 .hype-dev-stand-group { display: block !important; } /* mug */ #stacks_in_2 .hype-mug-box { } #stacks_in_2 .hype-mug { margin-left: -600px !important; margin-top: 0px !important; } #stacks_in_2 .hype-mug-line path { stroke: #CACACA !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_2 .hype-mug-box, #stacks_in_2 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_2 .hype-dev-speaker-group, #stacks_in_2 .hype-dev-speaker-group path { display: block !important; } @media (max-width: 500px) {#stacks_in_2 .hype-dev-speaker-group, #stacks_in_2 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_2 .hype-dev-speaker-style, #stacks_in_2 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CACACA !important; border-color: #CACACA !important; } /* top bottom bands */ #stacks_in_2 .hype-bands-reveal1, #stacks_in_2 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_2 .hype-bands-reveal1 { } #stacks_in_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { 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_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { 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_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { 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_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_2 .img-dev-bg-back, #stacks_in_2 .img-dev-bg-back path { } #stacks_in_2 .img-dev-bg-vignetting { background-image: url(../files/bg_shadow.png) !important; background-size: cover !important; background-position: center center; display: none !important; } #stacks_in_2 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_2 .scale-trigger { } #stacks_in_2 .device-trigger { top: 100px !important; } #stacks_in_2 .line-trigger { } #stacks_in_2 .bands-trigger { } #stacks_in_2 .bands-trigger, #stacks_in_2 .scale-trigger, #stacks_in_2 .device-trigger, #stacks_in_2 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_2 { border: solid rgba(102, 102, 255, 1.00); border-width: 1px; margin: 3px; } /* -- EACH CSS Template -- */ #stacks_in_7 * { box-sizing: border-box !important; } #stacks_in_7 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_7 .devicewrapper, stacks_in_7_default7_hype_container, stacks_in_7 HYPE_document, #stacks_in_7 .device-trigger { pointer-events: auto !important; } #stacks_in_7 .devicewrapper { max-width: 1800px !important; margin-right: auto; margin-left: auto; } #stacks_in_7 .devicewrapper { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_7 .devicewrapper { height: 400px; } } @media (max-width: 600px) { #stacks_in_7 .devicewrapper { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 60px !important;*/ #stacks_in_7 p { font-size: 60px !important; } #stacks_in_7 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_7_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_7 .hype-link-hover-group, #stacks_in_7 .hype-link-hover, #stacks_in_7 .hype-link-hover-blank { } #stacks_in_7 .hype-link-hover { } #stacks_in_7 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_7 .hype-link-hover-group { } #stacks_in_7 .hype-link-hover-group { display: none !important; } #stacks_in_7 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url() !important; } #stacks_in_7 .device-area { } #stacks_in_7 .hype-dev-frame path, #stacks_in_7 .hype-dev-frame { stroke-style: solid !important; fill: rgba(127, 127, 127, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CACACA !important; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_7 .hype-glass-reflect { } #stacks_in_7 .hype-glass-shading { } #stacks_in_7 .hype-bottom-shadow { background-image: url(../files/shadow.png) !important; background-size: contain !important; object-fit: contain !important; background-repeat: no-repeat; background-position: center center; opacity: 0.5 !important; display: block !important; } @media (max-width: 500px) { #stacks_in_7 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_7 .hype-dev-frame-back path, #stacks_in_7 .hype-dev-frame-back { fill: rgba(220, 219, 221, 1.00) !important; } /* custom text */ #stacks_in_7 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #7F7F7F !important; font-style: none; text-transform: none; font-size: 60px !important; line-height: 60px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; } #stacks_in_7 .hype-device-text, #stacks_in_7 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } /* sreen bottom side stand and laptop */ #stacks_in_7 .hype-dev-stand-style, #stacks_in_7 .hype-dev-stand-style path { fill: rgba(127, 127, 127, 1.00) !important; stroke-style: solid !important; stroke: #CACACA !important; stroke-width: 4px !important; } #stacks_in_7 .hype-dev-stand-group { display: block !important; } /* mug */ #stacks_in_7 .hype-mug-box { } #stacks_in_7 .hype-mug { margin-left: -600px !important; margin-top: 0px !important; } #stacks_in_7 .hype-mug-line path { stroke: #CACACA !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_7 .hype-mug-box, #stacks_in_7 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_7 .hype-dev-speaker-group, #stacks_in_7 .hype-dev-speaker-group path { display: block !important; } @media (max-width: 500px) {#stacks_in_7 .hype-dev-speaker-group, #stacks_in_7 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_7 .hype-dev-speaker-style, #stacks_in_7 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CACACA !important; border-color: #CACACA !important; } /* top bottom bands */ #stacks_in_7 .hype-bands-reveal1, #stacks_in_7 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_7 .hype-bands-reveal1 { } #stacks_in_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { 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_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { 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_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { 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_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_7 .img-dev-bg-back, #stacks_in_7 .img-dev-bg-back path { } #stacks_in_7 .img-dev-bg-vignetting { background-image: url(../files/bg_shadow.png) !important; background-size: cover !important; background-position: center center; display: none !important; } #stacks_in_7 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_7 .scale-trigger { } #stacks_in_7 .device-trigger { top: 100px !important; } #stacks_in_7 .line-trigger { } #stacks_in_7 .bands-trigger { } #stacks_in_7 .bands-trigger, #stacks_in_7 .scale-trigger, #stacks_in_7 .device-trigger, #stacks_in_7 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_7 { border: solid rgba(102, 102, 255, 1.00); border-width: 1px; margin: 3px; } /* -- EACH CSS Template -- */ #stacks_in_6 * { box-sizing: border-box !important; } #stacks_in_6 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_6 .devicewrapper, stacks_in_6_default7_hype_container, stacks_in_6 HYPE_document, #stacks_in_6 .device-trigger { pointer-events: auto !important; } #stacks_in_6 .devicewrapper { max-width: 1800px !important; margin-right: auto; margin-left: auto; } #stacks_in_6 .devicewrapper { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_6 .devicewrapper { height: 400px; } } @media (max-width: 600px) { #stacks_in_6 .devicewrapper { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 60px !important;*/ #stacks_in_6 p { font-size: 60px !important; } #stacks_in_6 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_6_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_6 .hype-link-hover-group, #stacks_in_6 .hype-link-hover, #stacks_in_6 .hype-link-hover-blank { } #stacks_in_6 .hype-link-hover { } #stacks_in_6 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_6 .hype-link-hover-group { } #stacks_in_6 .hype-link-hover-group { display: none !important; } #stacks_in_6 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url() !important; } #stacks_in_6 .device-area { } #stacks_in_6 .hype-dev-frame path, #stacks_in_6 .hype-dev-frame { stroke-style: solid !important; fill: rgba(76, 76, 76, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CACACA !important; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_6 .hype-glass-reflect { } #stacks_in_6 .hype-glass-shading { } #stacks_in_6 .hype-bottom-shadow { background-image: url(../files/shadow.png) !important; background-size: contain !important; object-fit: contain !important; background-repeat: no-repeat; background-position: center center; opacity: 0.5 !important; display: block !important; } @media (max-width: 500px) { #stacks_in_6 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_6 .hype-dev-frame-back path, #stacks_in_6 .hype-dev-frame-back { fill: rgba(220, 219, 221, 1.00) !important; } /* custom text */ #stacks_in_6 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #7F7F7F !important; font-style: none; text-transform: none; font-size: 60px !important; line-height: 60px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; } #stacks_in_6 .hype-device-text, #stacks_in_6 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } /* sreen bottom side stand and laptop */ #stacks_in_6 .hype-dev-stand-style, #stacks_in_6 .hype-dev-stand-style path { fill: rgba(76, 76, 76, 1.00) !important; stroke-style: solid !important; stroke: #CACACA !important; stroke-width: 4px !important; } #stacks_in_6 .hype-dev-stand-group { display: block !important; } /* mug */ #stacks_in_6 .hype-mug-box { } #stacks_in_6 .hype-mug { margin-left: -600px !important; margin-top: 0px !important; } #stacks_in_6 .hype-mug-line path { stroke: #CACACA !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_6 .hype-mug-box, #stacks_in_6 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_6 .hype-dev-speaker-group, #stacks_in_6 .hype-dev-speaker-group path { display: block !important; } @media (max-width: 500px) {#stacks_in_6 .hype-dev-speaker-group, #stacks_in_6 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_6 .hype-dev-speaker-style, #stacks_in_6 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CACACA !important; border-color: #CACACA !important; } /* top bottom bands */ #stacks_in_6 .hype-bands-reveal1, #stacks_in_6 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_6 .hype-bands-reveal1 { } #stacks_in_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { 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_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { 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_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { 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_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_6 .img-dev-bg-back, #stacks_in_6 .img-dev-bg-back path { } #stacks_in_6 .img-dev-bg-vignetting { background-image: url(../files/bg_shadow.png) !important; background-size: cover !important; background-position: center center; display: none !important; } #stacks_in_6 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_6 .scale-trigger { } #stacks_in_6 .device-trigger { top: 100px !important; } #stacks_in_6 .line-trigger { } #stacks_in_6 .bands-trigger { } #stacks_in_6 .bands-trigger, #stacks_in_6 .scale-trigger, #stacks_in_6 .device-trigger, #stacks_in_6 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_6 { border: solid rgba(102, 102, 255, 1.00); border-width: 1px; margin: 3px; } /* -- EACH CSS Template -- */ #stacks_in_3 * { box-sizing: border-box !important; } #stacks_in_3 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3 .devicewrapper, stacks_in_3_default7_hype_container, stacks_in_3 HYPE_document, #stacks_in_3 .device-trigger { pointer-events: auto !important; } #stacks_in_3 .devicewrapper { max-width: 1800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3 .devicewrapper { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_3 .devicewrapper { height: 400px; } } @media (max-width: 600px) { #stacks_in_3 .devicewrapper { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 60px !important;*/ #stacks_in_3 p { font-size: 60px !important; } #stacks_in_3 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3 .hype-link-hover-group, #stacks_in_3 .hype-link-hover, #stacks_in_3 .hype-link-hover-blank { } #stacks_in_3 .hype-link-hover { } #stacks_in_3 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_3 .hype-link-hover-group { } #stacks_in_3 .hype-link-hover-group { display: none !important; } #stacks_in_3 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url() !important; } #stacks_in_3 .device-area { } #stacks_in_3 .hype-dev-frame path, #stacks_in_3 .hype-dev-frame { stroke-style: solid !important; fill: rgba(76, 76, 76, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CACACA !important; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3 .hype-glass-reflect { } #stacks_in_3 .hype-glass-shading { } #stacks_in_3 .hype-bottom-shadow { background-image: url(../files/shadow.png) !important; background-size: contain !important; object-fit: contain !important; background-repeat: no-repeat; background-position: center center; opacity: 0.5 !important; display: block !important; } @media (max-width: 500px) { #stacks_in_3 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3 .hype-dev-frame-back path, #stacks_in_3 .hype-dev-frame-back { fill: rgba(220, 219, 221, 1.00) !important; } /* custom text */ #stacks_in_3 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #7F7F7F !important; font-style: none; text-transform: none; font-size: 60px !important; line-height: 60px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; } #stacks_in_3 .hype-device-text, #stacks_in_3 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3 .hype-dev-stand-style, #stacks_in_3 .hype-dev-stand-style path { fill: rgba(76, 76, 76, 1.00) !important; stroke-style: solid !important; stroke: #CACACA !important; stroke-width: 4px !important; } #stacks_in_3 .hype-dev-stand-group { display: block !important; } /* mug */ #stacks_in_3 .hype-mug-box { } #stacks_in_3 .hype-mug { margin-left: -600px !important; margin-top: 0px !important; } #stacks_in_3 .hype-mug-line path { stroke: #CACACA !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3 .hype-mug-box, #stacks_in_3 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3 .hype-dev-speaker-group, #stacks_in_3 .hype-dev-speaker-group path { display: block !important; } @media (max-width: 500px) {#stacks_in_3 .hype-dev-speaker-group, #stacks_in_3 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3 .hype-dev-speaker-style, #stacks_in_3 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CACACA !important; border-color: #CACACA !important; } /* top bottom bands */ #stacks_in_3 .hype-bands-reveal1, #stacks_in_3 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3 .hype-bands-reveal1 { } #stacks_in_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { 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_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { 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_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { 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_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3 .img-dev-bg-back, #stacks_in_3 .img-dev-bg-back path { } #stacks_in_3 .img-dev-bg-vignetting { background-image: url(../files/bg_shadow.png) !important; background-size: cover !important; background-position: center center; display: none !important; } #stacks_in_3 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3 .scale-trigger { } #stacks_in_3 .device-trigger { top: 100px !important; } #stacks_in_3 .line-trigger { } #stacks_in_3 .bands-trigger { } #stacks_in_3 .bands-trigger, #stacks_in_3 .scale-trigger, #stacks_in_3 .device-trigger, #stacks_in_3 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3 { border: solid rgba(102, 102, 255, 1.00); border-width: 1px; margin: 3px; }