#stacks_in_3145 { padding: 70px 10px 30px 10px; } #stacks_in_3257>.s3_row { margin: 0 -20px; } #stacks_in_3257>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3257>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3257>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_3257>.s3_row { margin: -20px 0; } #stacks_in_3257>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_3257 { background-color: rgba(174, 203, 228, 1.00); margin: 5px 0px 0px 0px; } #stacks_in_3303 { padding: 30px 20px 0px 20px; } /* -- EACH CSS Template -- */ #stacks_in_3298 * { box-sizing: border-box !important; } #stacks_in_3298 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3298 .devicewrapper, stacks_in_3298_default7_hype_container, stacks_in_3298 HYPE_document, #stacks_in_3298 .device-trigger { pointer-events: auto !important; } #stacks_in_3298 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3298 .devicewrapper { display:table; width: 100%; height: 400px; } @media (max-width: 600px) { #stacks_in_3298 .devicewrapper { height: 300px; } } @media (max-width: 600px) { #stacks_in_3298 .devicewrapper { height: 280px; } } /* prevent issue in Foundation theme and some stacks - line-height: 72px !important;*/ #stacks_in_3298 p { font-size: 80px !important; } #stacks_in_3298 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3298_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3298 .hype-link-hover-group, #stacks_in_3298 .hype-link-hover, #stacks_in_3298 .hype-link-hover-blank { } #stacks_in_3298 .hype-link-hover { } #stacks_in_3298 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_3298 .hype-link-hover-group { display: block !important; } #stacks_in_3298 .hype-link-hover-group { } #stacks_in_3298 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url(https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } #stacks_in_3298 .device-area { margin-top: 1% !important; } #stacks_in_3298 .hype-dev-frame path, #stacks_in_3298 .hype-dev-frame { stroke-style: solid !important; fill: rgba(19, 34, 37, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #FD980E !important; -webkit-filter: drop-shadow(20px -20px 0px rgba(248, 189, 120, 1.00)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3298 .hype-glass-reflect { } #stacks_in_3298 .hype-glass-shading { } #stacks_in_3298 .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; } @media (max-width: 500px) { #stacks_in_3298 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3298 .hype-dev-frame-back path, #stacks_in_3298 .hype-dev-frame-back { display:none !important; } /* custom text */ #stacks_in_3298 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: left !important; color: #FD980E !important; font-style: none; text-transform: none; font-size: 80px !important; line-height: 72px !important; letter-spacing: 5px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_3298 .hype-device-text, #stacks_in_3298 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 700 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3298 .hype-dev-stand-style, #stacks_in_3298 .hype-dev-stand-style path { fill: rgba(19, 34, 37, 1.00) !important; stroke-style: solid !important; stroke: #FD980E !important; stroke-width: 4px !important; } #stacks_in_3298 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_3298 .hype-mug-box { } #stacks_in_3298 .hype-mug { margin-left: 500px !important; margin-top: 0px !important; } #stacks_in_3298 .hype-mug-line path { stroke: #FD980E !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3298 .hype-mug-box, #stacks_in_3298 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3298 .hype-dev-speaker-group, #stacks_in_3298 .hype-dev-speaker-group path { } @media (max-width: 800px) {#stacks_in_3298 .hype-dev-speaker-group, #stacks_in_3298 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3298 .hype-dev-speaker-style, #stacks_in_3298 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #FD980E !important; border-color: #FD980E !important; } /* top bottom bands */ #stacks_in_3298 .hype-bands-reveal1, #stacks_in_3298 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3298 .hype-bands-reveal1 { } #stacks_in_3298 .img-dev-bg-back, #stacks_in_3298 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 100; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3298 .img-dev-bg-back, #stacks_in_3298 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3298 .img-dev-bg-back, #stacks_in_3298 .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_3298 .img-dev-bg-back, #stacks_in_3298 .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_3298 .img-dev-bg-back, #stacks_in_3298 .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_3298 .img-dev-bg-back, #stacks_in_3298 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3298 .img-dev-bg-back, #stacks_in_3298 .img-dev-bg-back path { } #stacks_in_3298 .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_3298 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3298 .scale-trigger { top: 150px !important; } #stacks_in_3298 .device-trigger { } #stacks_in_3298 .line-trigger { } #stacks_in_3298 .bands-trigger { } #stacks_in_3298 .bands-trigger, #stacks_in_3298 .scale-trigger, #stacks_in_3298 .device-trigger, #stacks_in_3298 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3265 { padding: 0px 5px 5px 5px; } #stacks_out_3265 { margin-left:0; } #stacks_in_3305 { background-color: rgba(242, 225, 192, 1.00); padding: 30px 20px 0px 20px; } /* -- EACH CSS Template -- */ #stacks_in_3299 * { box-sizing: border-box !important; } #stacks_in_3299 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3299 .devicewrapper, stacks_in_3299_default7_hype_container, stacks_in_3299 HYPE_document, #stacks_in_3299 .device-trigger { pointer-events: auto !important; } #stacks_in_3299 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3299 .devicewrapper { display:table; width: 100%; height: 400px; } @media (max-width: 600px) { #stacks_in_3299 .devicewrapper { height: 300px; } } @media (max-width: 600px) { #stacks_in_3299 .devicewrapper { height: 280px; } } /* prevent issue in Foundation theme and some stacks - line-height: 72px !important;*/ #stacks_in_3299 p { font-size: 80px !important; } #stacks_in_3299 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3299_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3299 .hype-link-hover-group, #stacks_in_3299 .hype-link-hover, #stacks_in_3299 .hype-link-hover-blank { } #stacks_in_3299 .hype-link-hover { } #stacks_in_3299 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_3299 .hype-link-hover-group { display: block !important; } #stacks_in_3299 .hype-link-hover-group { } #stacks_in_3299 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url(https://images.unsplash.com/photo-1533709752211-118fcaf03312?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } #stacks_in_3299 .device-area { margin-top: 1% !important; } #stacks_in_3299 .hype-dev-frame path, #stacks_in_3299 .hype-dev-frame { stroke-style: solid !important; fill: rgba(240, 123, 99, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CE6C59 !important; -webkit-filter: drop-shadow(20px -20px 0px rgba(255, 247, 205, 1.00)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3299 .hype-glass-reflect { } #stacks_in_3299 .hype-glass-shading { } #stacks_in_3299 .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; } @media (max-width: 500px) { #stacks_in_3299 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3299 .hype-dev-frame-back path, #stacks_in_3299 .hype-dev-frame-back { display:none !important; } /* custom text */ #stacks_in_3299 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: Right !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 80px !important; line-height: 72px !important; letter-spacing: 5px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_3299 .hype-device-text, #stacks_in_3299 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 700 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3299 .hype-dev-stand-style, #stacks_in_3299 .hype-dev-stand-style path { fill: rgba(240, 123, 99, 1.00) !important; stroke-style: solid !important; stroke: #CE6C59 !important; stroke-width: 4px !important; } #stacks_in_3299 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_3299 .hype-mug-box { } #stacks_in_3299 .hype-mug { margin-left: -500px !important; margin-top: 0px !important; } #stacks_in_3299 .hype-mug-line path { stroke: #CE6C59 !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3299 .hype-mug-box, #stacks_in_3299 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3299 .hype-dev-speaker-group, #stacks_in_3299 .hype-dev-speaker-group path { } @media (max-width: 800px) {#stacks_in_3299 .hype-dev-speaker-group, #stacks_in_3299 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3299 .hype-dev-speaker-style, #stacks_in_3299 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CE6C59 !important; border-color: #CE6C59 !important; } /* top bottom bands */ #stacks_in_3299 .hype-bands-reveal1, #stacks_in_3299 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3299 .hype-bands-reveal1 { } #stacks_in_3299 .img-dev-bg-back, #stacks_in_3299 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 100; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3299 .img-dev-bg-back, #stacks_in_3299 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3299 .img-dev-bg-back, #stacks_in_3299 .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_3299 .img-dev-bg-back, #stacks_in_3299 .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_3299 .img-dev-bg-back, #stacks_in_3299 .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_3299 .img-dev-bg-back, #stacks_in_3299 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3299 .img-dev-bg-back, #stacks_in_3299 .img-dev-bg-back path { } #stacks_in_3299 .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_3299 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3299 .scale-trigger { top: 150px !important; } #stacks_in_3299 .device-trigger { } #stacks_in_3299 .line-trigger { } #stacks_in_3299 .bands-trigger { } #stacks_in_3299 .bands-trigger, #stacks_in_3299 .scale-trigger, #stacks_in_3299 .device-trigger, #stacks_in_3299 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3274 { padding: 0px 5px 20px 5px; } #stacks_out_3274 { margin-left:0; } #stacks_in_3294>.s3_row { margin: 0 -0px; } #stacks_in_3294>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_3294>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_3294>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_3294>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_3294>.s3_row { margin: -0px 0; } #stacks_in_3294>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_3294>.s3_row { margin: -0px 0; } #stacks_in_3294>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_3294 { background-color: rgba(202, 233, 250, 1.00); } #stacks_in_3307 { background-color: rgba(210, 210, 210, 1.00); padding: 30px 20px 0px 20px; } /* -- EACH CSS Template -- */ #stacks_in_3300 * { box-sizing: border-box !important; } #stacks_in_3300 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3300 .devicewrapper, stacks_in_3300_default7_hype_container, stacks_in_3300 HYPE_document, #stacks_in_3300 .device-trigger { pointer-events: auto !important; } #stacks_in_3300 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3300 .devicewrapper { display:table; width: 100%; height: 400px; } @media (max-width: 600px) { #stacks_in_3300 .devicewrapper { height: 300px; } } @media (max-width: 600px) { #stacks_in_3300 .devicewrapper { height: 280px; } } /* prevent issue in Foundation theme and some stacks - line-height: 72px !important;*/ #stacks_in_3300 p { font-size: 80px !important; } #stacks_in_3300 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3300_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3300 .hype-link-hover-group, #stacks_in_3300 .hype-link-hover, #stacks_in_3300 .hype-link-hover-blank { } #stacks_in_3300 .hype-link-hover { } #stacks_in_3300 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_3300 .hype-link-hover-group { display: block !important; } #stacks_in_3300 .hype-link-hover-group { } #stacks_in_3300 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url(https://images.unsplash.com/photo-1542831371-29b0f74f9713?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } #stacks_in_3300 .device-area { margin-top: 1% !important; } #stacks_in_3300 .hype-dev-frame path, #stacks_in_3300 .hype-dev-frame { stroke-style: solid !important; fill: rgba(37, 37, 37, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #8A898B !important; -webkit-filter: drop-shadow(20px -20px 0px rgba(138, 137, 139, 1.00)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3300 .hype-glass-reflect { } #stacks_in_3300 .hype-glass-shading { } #stacks_in_3300 .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; } @media (max-width: 500px) { #stacks_in_3300 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3300 .hype-dev-frame-back path, #stacks_in_3300 .hype-dev-frame-back { display:none !important; } /* custom text */ #stacks_in_3300 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: left !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 80px !important; line-height: 72px !important; letter-spacing: 5px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_3300 .hype-device-text, #stacks_in_3300 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 700 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3300 .hype-dev-stand-style, #stacks_in_3300 .hype-dev-stand-style path { fill: rgba(37, 37, 37, 1.00) !important; stroke-style: solid !important; stroke: #8A898B !important; stroke-width: 4px !important; } #stacks_in_3300 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_3300 .hype-mug-box { } #stacks_in_3300 .hype-mug { margin-left: 400px !important; margin-top: 0px !important; } #stacks_in_3300 .hype-mug-line path { stroke: #8A898B !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3300 .hype-mug-box, #stacks_in_3300 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3300 .hype-dev-speaker-group, #stacks_in_3300 .hype-dev-speaker-group path { } @media (max-width: 800px) {#stacks_in_3300 .hype-dev-speaker-group, #stacks_in_3300 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3300 .hype-dev-speaker-style, #stacks_in_3300 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #8A898B !important; border-color: #8A898B !important; } /* top bottom bands */ #stacks_in_3300 .hype-bands-reveal1, #stacks_in_3300 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3300 .hype-bands-reveal1 { } #stacks_in_3300 .img-dev-bg-back, #stacks_in_3300 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 100; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3300 .img-dev-bg-back, #stacks_in_3300 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3300 .img-dev-bg-back, #stacks_in_3300 .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_3300 .img-dev-bg-back, #stacks_in_3300 .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_3300 .img-dev-bg-back, #stacks_in_3300 .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_3300 .img-dev-bg-back, #stacks_in_3300 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3300 .img-dev-bg-back, #stacks_in_3300 .img-dev-bg-back path { } #stacks_in_3300 .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_3300 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3300 .scale-trigger { top: 200px !important; } #stacks_in_3300 .device-trigger { } #stacks_in_3300 .line-trigger { } #stacks_in_3300 .bands-trigger { } #stacks_in_3300 .bands-trigger, #stacks_in_3300 .scale-trigger, #stacks_in_3300 .device-trigger, #stacks_in_3300 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3182 { padding: 5px; } #stacks_out_3182 { margin-left:0; } #stacks_in_3312 { background-color: rgba(255, 217, 235, 1.00); padding: 30px 20px 0px 20px; } /* -- EACH CSS Template -- */ #stacks_in_3301 * { box-sizing: border-box !important; } #stacks_in_3301 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3301 .devicewrapper, stacks_in_3301_default7_hype_container, stacks_in_3301 HYPE_document, #stacks_in_3301 .device-trigger { pointer-events: auto !important; } #stacks_in_3301 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3301 .devicewrapper { display:table; width: 100%; height: 400px; } @media (max-width: 600px) { #stacks_in_3301 .devicewrapper { height: 300px; } } @media (max-width: 600px) { #stacks_in_3301 .devicewrapper { height: 280px; } } /* prevent issue in Foundation theme and some stacks - line-height: 72px !important;*/ #stacks_in_3301 p { font-size: 80px !important; } #stacks_in_3301 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3301_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3301 .hype-link-hover-group, #stacks_in_3301 .hype-link-hover, #stacks_in_3301 .hype-link-hover-blank { } #stacks_in_3301 .hype-link-hover { } #stacks_in_3301 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_3301 .hype-link-hover-group { display: block !important; } #stacks_in_3301 .hype-link-hover-group { } #stacks_in_3301 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url(https://images.unsplash.com/photo-1552120476-9ee56c8611f7?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } #stacks_in_3301 .device-area { margin-top: 1% !important; } #stacks_in_3301 .hype-dev-frame path, #stacks_in_3301 .hype-dev-frame { stroke-style: solid !important; fill: rgba(141, 18, 83, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #9C3568 !important; -webkit-filter: drop-shadow(20px -20px 0px rgba(203, 135, 171, 1.00)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3301 .hype-glass-reflect { } #stacks_in_3301 .hype-glass-shading { } #stacks_in_3301 .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; } @media (max-width: 500px) { #stacks_in_3301 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3301 .hype-dev-frame-back path, #stacks_in_3301 .hype-dev-frame-back { display:none !important; } /* custom text */ #stacks_in_3301 .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: 80px !important; line-height: 72px !important; letter-spacing: 5px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_3301 .hype-device-text, #stacks_in_3301 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 700 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3301 .hype-dev-stand-style, #stacks_in_3301 .hype-dev-stand-style path { fill: rgba(141, 18, 83, 1.00) !important; stroke-style: solid !important; stroke: #9C3568 !important; stroke-width: 4px !important; } #stacks_in_3301 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_3301 .hype-mug-box { } #stacks_in_3301 .hype-mug { margin-left: 500px !important; margin-top: 0px !important; } #stacks_in_3301 .hype-mug-line path { stroke: #9C3568 !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3301 .hype-mug-box, #stacks_in_3301 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3301 .hype-dev-speaker-group, #stacks_in_3301 .hype-dev-speaker-group path { } @media (max-width: 800px) {#stacks_in_3301 .hype-dev-speaker-group, #stacks_in_3301 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3301 .hype-dev-speaker-style, #stacks_in_3301 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #9C3568 !important; border-color: #9C3568 !important; } /* top bottom bands */ #stacks_in_3301 .hype-bands-reveal1, #stacks_in_3301 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3301 .hype-bands-reveal1 { } #stacks_in_3301 .img-dev-bg-back, #stacks_in_3301 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 100; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3301 .img-dev-bg-back, #stacks_in_3301 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3301 .img-dev-bg-back, #stacks_in_3301 .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_3301 .img-dev-bg-back, #stacks_in_3301 .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_3301 .img-dev-bg-back, #stacks_in_3301 .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_3301 .img-dev-bg-back, #stacks_in_3301 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3301 .img-dev-bg-back, #stacks_in_3301 .img-dev-bg-back path { } #stacks_in_3301 .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_3301 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3301 .scale-trigger { top: 200px !important; } #stacks_in_3301 .device-trigger { } #stacks_in_3301 .line-trigger { } #stacks_in_3301 .bands-trigger { } #stacks_in_3301 .bands-trigger, #stacks_in_3301 .scale-trigger, #stacks_in_3301 .device-trigger, #stacks_in_3301 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3286 { padding: 5px; } #stacks_out_3286 { margin-left:0; } #stacks_in_3314 { padding: 30px 20px 0px 20px; } /* -- EACH CSS Template -- */ #stacks_in_3302 * { box-sizing: border-box !important; } #stacks_in_3302 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_3302 .devicewrapper, stacks_in_3302_default7_hype_container, stacks_in_3302 HYPE_document, #stacks_in_3302 .device-trigger { pointer-events: auto !important; } #stacks_in_3302 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_3302 .devicewrapper { display:table; width: 100%; height: 400px; } @media (max-width: 600px) { #stacks_in_3302 .devicewrapper { height: 300px; } } @media (max-width: 600px) { #stacks_in_3302 .devicewrapper { height: 280px; } } /* prevent issue in Foundation theme and some stacks - line-height: 72px !important;*/ #stacks_in_3302 p { font-size: 80px !important; } #stacks_in_3302 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_3302_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_3302 .hype-link-hover-group, #stacks_in_3302 .hype-link-hover, #stacks_in_3302 .hype-link-hover-blank { } #stacks_in_3302 .hype-link-hover { } #stacks_in_3302 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_3302 .hype-link-hover-group { display: block !important; } #stacks_in_3302 .hype-link-hover-group { } #stacks_in_3302 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url(https://images.unsplash.com/photo-1594729095022-e2f6d2eece9c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } #stacks_in_3302 .device-area { margin-top: 1% !important; } #stacks_in_3302 .hype-dev-frame path, #stacks_in_3302 .hype-dev-frame { stroke-style: solid !important; fill: rgba(47, 156, 255, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #2577C1 !important; -webkit-filter: drop-shadow(20px -20px 0px rgba(143, 173, 193, 1.00)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_3302 .hype-glass-reflect { } #stacks_in_3302 .hype-glass-shading { } #stacks_in_3302 .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; } @media (max-width: 500px) { #stacks_in_3302 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_3302 .hype-dev-frame-back path, #stacks_in_3302 .hype-dev-frame-back { display:none !important; } /* custom text */ #stacks_in_3302 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: Right !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 80px !important; line-height: 72px !important; letter-spacing: 5px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_3302 .hype-device-text, #stacks_in_3302 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 700 !important; } /* sreen bottom side stand and laptop */ #stacks_in_3302 .hype-dev-stand-style, #stacks_in_3302 .hype-dev-stand-style path { fill: rgba(47, 156, 255, 1.00) !important; stroke-style: solid !important; stroke: #2577C1 !important; stroke-width: 4px !important; } #stacks_in_3302 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_3302 .hype-mug-box { } #stacks_in_3302 .hype-mug { margin-left: -450px !important; margin-top: 0px !important; } #stacks_in_3302 .hype-mug-line path { stroke: #2577C1 !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_3302 .hype-mug-box, #stacks_in_3302 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_3302 .hype-dev-speaker-group, #stacks_in_3302 .hype-dev-speaker-group path { } @media (max-width: 800px) {#stacks_in_3302 .hype-dev-speaker-group, #stacks_in_3302 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_3302 .hype-dev-speaker-style, #stacks_in_3302 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #2577C1 !important; border-color: #2577C1 !important; } /* top bottom bands */ #stacks_in_3302 .hype-bands-reveal1, #stacks_in_3302 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3302 .hype-bands-reveal1 { } #stacks_in_3302 .img-dev-bg-back, #stacks_in_3302 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 100; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_3302 .img-dev-bg-back, #stacks_in_3302 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3302 .img-dev-bg-back, #stacks_in_3302 .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_3302 .img-dev-bg-back, #stacks_in_3302 .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_3302 .img-dev-bg-back, #stacks_in_3302 .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_3302 .img-dev-bg-back, #stacks_in_3302 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_3302 .img-dev-bg-back, #stacks_in_3302 .img-dev-bg-back path { } #stacks_in_3302 .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_3302 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_3302 .scale-trigger { top: 200px !important; } #stacks_in_3302 .device-trigger { } #stacks_in_3302 .line-trigger { } #stacks_in_3302 .bands-trigger { } #stacks_in_3302 .bands-trigger, #stacks_in_3302 .scale-trigger, #stacks_in_3302 .device-trigger, #stacks_in_3302 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- */ #stacks_in_3090 { padding: 5px; } #stacks_out_3090 { margin-left:0; }