body{z-index:0}.eclipse-video,.eclipse-video-overlay,.eclipse-video > div{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0}.eclipse-video > div{position:fixed !important}.eclipse-video-overlay{opacity:0.50}.eclipse-video-overlay.overlay-color{background-color:#000000}.eclipse-video-overlay.overlay-tile{background-image:url();background-repeat:repeat} /* -- Start EACH CSS Template -- */ #stacks_in_3 .hype_title_main { -webkit-font-smoothing: antialiased !important; font-size: 90px !important; line-height: 90px !important; letter-spacing: 1px !important; text-transform: uppercase !important; font-style: normal !important; -webkit-transform: translate3d(0,0,0) !important; margin-top: 14% !important; top: 0% !important; background: -webkit-linear-gradient( 90deg, rgba(15, 128, 255, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; background: linear-gradient( 90deg, rgba(15, 128, 255, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; font-family: 'Raleway' !important; font-weight: 200 !important; } @media (max-width: 600px) { #stacks_in_3 .hype_title_main { font-size: 200px !important; line-height: 200px !important; } } #stacks_in_3 .hype_title_main { } /* alternate blend */ #stacks_in_3 .hype_title_blend_on-off { } #stacks_in_3 .hype_title_on-off { display: block !important; } #stacks_in_3 .hype_title_blend_cut_shadow { } #stacks_in_3 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_3 .hype_bgs-2 { opacity: 100 !important; background-image: url(../files/stack_bg_image-3.jpg) !important; filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; } /* layer 1 */ #stacks_in_3 .hype_bgs-1 { opacity: 100 !important; background-image: url(../files/stack_bg_image-3.jpg) !important; } /* layers IMG position setting NEW */ #stacks_in_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; } @media screen and (max-width: 600px) { #stacks_in_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { } } @media (max-width: 480px) { #stacks_in_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2{ background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { 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_3 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { 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 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { 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 .hype_bgs-1, #stacks_in_3 .hype_bgs-2 { background-attachment: scroll !important; } } /* BANDS */ #stacks_in_3 .hype-band-up, #stacks_in_3 .hype-band-mid, #stacks_in_3 .hype-band-up path, #stacks_in_3 .hype-band-mid path { display: block !important; } #stacks_in_3 .hype-band-up, #stacks_in_3 .hype-band-up path { } #stacks_in_3 .hype-band-up path, #stacks_in_3 .hype-band-mid path { fill: #FFFFFF !important; } /* SLICE */ #stacks_in_3 .inner_slice_content, #stacks_in_3 .inner_slice_content p { } #stacks_in_3 .inner_slice_content h1, #stacks_in_3 .inner_slice_content h2, #stacks_in_3 .inner_slice_content h3, #stacks_in_3 .inner_slice_content h4, #stacks_in_3 .inner_slice_content h5, #stacks_in_3 .inner_slice_content h6 { } #stacks_in_3 .inner_slice_content { text-align: left; pointer-events: auto; -webkit-animation: fade-the-slice-css 0.30s ease-in-out both; animation: fade-the-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; padding: 20px; background-color: rgba(255, 255, 255, 0.60) !important; } @keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_3 .inner_slice { margin: 0 auto auto; max-width: 1150px; min-width: 200px; z-index: 2; position: relative; background-color: transparent !important; margin-top: -20vh !important; margin-bottom: 0vh !important; } #stacks_in_3 .inner_slice_content, #stacks_in_3 .inner_slice_content p, #stacks_in_3 .inner_slice_content span, #stacks_in_3 .inner_slice_content [class*="fa fa-"], #stacks_in_3 .inner_slice_content h1, #stacks_in_3 .inner_slice_content h2, #stacks_in_3 .inner_slice_content h3, #stacks_in_3 .inner_slice_content h4, #stacks_in_3 .inner_slice_content h5, #stacks_in_3 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #4F4F4F !important; } #stacks_in_3 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_3 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_3 .inner_slice_content a:link, #stacks_in_3 .inner_slice_content a { color: #0F80FF !important; } #stacks_in_3 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_3 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_3 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_3 .inner_slice_content, #stacks_in_3 .inner_slice_content p, #stacks_in_3 .inner_slice_content span, #stacks_in_3 .inner_slice_content [class*="fa fa-"], #stacks_in_3 .inner_slice_content h1, #stacks_in_3 .inner_slice_content h2, #stacks_in_3 .inner_slice_content h3, #stacks_in_3 .inner_slice_content h4, #stacks_in_3 .inner_slice_content h5, #stacks_in_3 .inner_slice_content h6 { text-align: left !important; } #stacks_in_3 .bg-extend { background-color: rgba(255, 255, 255, 1.00) !important; height: 100%; width: 100%; } #stacks_in_3 .HYPE_document { position: relative; } #stacks_in_3_default12_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_3 .extend12 { margin: auto; width: 100%; position: relative; min-height: 70vh; } #stacks_in_3 .inner_slice-wrapper { position: relative; } #stacks_in_3 .hype-top-gradient { background: radial-gradient( rgba(155, 74, 81, 0.00) 41%, rgba(255, 134, 146, 0.29) 100%) !important; } #stacks_in_3 .hype-bottom-gradient { background: linear-gradient( 0deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.00) 86%) !important; } /* scroll button */ #stacks_in_3 .scrollButton-box { display: none !important; position: absolute !important; z-index: 10; right: 0; left: 0; padding: 0 6px 0 0; width: auto; display: block; text-align: center !important; margin-right: auto; margin-left: auto; top: -9vh !important; } #stacks_in_3 .scrollButton-caption { pointer-events: none !important; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: -5px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; right: 0; bottom: 0; width: 100%; padding-top: 0; margin-top: 0px; color: rgba(255, 255, 255, 1.00) !important; display: block !important; } #stacks_in_3 .fa-circle { color: rgba(202, 162, 171, 1.00) !important; } #stacks_in_3 .fa-stack, #stacks_in_3 .fa-stack-1x, #stacks_in_3 .fa-stack-2x { font-size: 96% !important; line-height: 96% !important; } #stacks_in_3 .scrollButton-box [class^="fa fa-"], #stacks_in_3 .scrollButton-box #stacks_in_3 [class*="fa fa-"], #stacks_in_3 .scrollButton-caption { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_3 .scrollButton-caption:active { } #stacks_in_3 .scrollButton-box [class^="fa fa-"], #stacks_in_3 .scrollButton-box #stacks_in_3 [class*="fa fa-"] { } #stacks_in_3 .scrollButton-box [class^="fa fa-"]:hover { opacity: 0.8; } #stacks_in_3 .scrollButton-box a .fa-stack-1x { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3 .scrollButton-box a { font-size: 60px !important; line-height: 1em; } #stacks_in_3 .scrollButton-box [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_3 .scrollButton-box { font-size: 0 !important; display: none !important; } } /* link in Hype */ #stacks_in_3 .hype-link-hover-group, #stacks_in_3 .hype-link-hover, #stacks_in_3 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_3 .hype-link-hover { cursor: pointer !important; } /* -- End EACH CSS Template -- *//* Start Obscure Email stack CSS code */ .stacks_in_8topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_8mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_8small{ font-weight: normal; font-size: 12px; } .stacks_in_8centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_8centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ .spacerStack { height: 20.00px; } #spacerStackstacks_in_11 { height: 20.00px; } @media print { #spacerStackstacks_in_11 { display: none !important; } } /* Start Loupe stack CSS code */ #stacks_in_9{ z-index: 10 !important; } .stacks_in_9loopy{ z-index: 10 !important; } .stacks_in_9loopy img{ z-index: 10; } .stacks_in_9loopy img{ max-width: 100%; height: auto; } /* End Loupe stack CSS code */ .spacerStack { height: 20.00px; } #spacerStackstacks_in_15 { height: 20.00px; } @media print { #spacerStackstacks_in_15 { display: none !important; } } /* -- Start EACH CSS Template -- */ #stacks_in_16 .hype_title_main { -webkit-font-smoothing: antialiased !important; font-size: 90px !important; line-height: 90px !important; letter-spacing: 1px !important; text-transform: uppercase !important; font-style: normal !important; -webkit-transform: translate3d(0,0,0) !important; margin-top: 14% !important; top: 0% !important; background: -webkit-linear-gradient( 90deg, rgba(128, 128, 4, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; background: linear-gradient( 90deg, rgba(128, 128, 4, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; font-family: 'Raleway' !important; font-weight: 200 !important; } @media (max-width: 600px) { #stacks_in_16 .hype_title_main { font-size: 200px !important; line-height: 200px !important; } } #stacks_in_16 .hype_title_main { } /* alternate blend */ #stacks_in_16 .hype_title_blend_on-off { } #stacks_in_16 .hype_title_on-off { display: block !important; } #stacks_in_16 .hype_title_blend_cut_shadow { } #stacks_in_16 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_16 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_16 .hype_bgs-2 { opacity: 100 !important; background-image: url(../files/stack_bg_image-16.jpg) !important; filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; } /* layer 1 */ #stacks_in_16 .hype_bgs-1 { opacity: 100 !important; background-image: url(../files/stack_bg_image-16.jpg) !important; } /* layers IMG position setting NEW */ #stacks_in_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; } @media screen and (max-width: 600px) { #stacks_in_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { } } @media (max-width: 480px) { #stacks_in_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2{ background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { 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_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { 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_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { 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_16 .hype_bgs-1, #stacks_in_16 .hype_bgs-2 { background-attachment: scroll !important; } } /* BANDS */ #stacks_in_16 .hype-band-up, #stacks_in_16 .hype-band-mid, #stacks_in_16 .hype-band-up path, #stacks_in_16 .hype-band-mid path { display: block !important; } #stacks_in_16 .hype-band-up, #stacks_in_16 .hype-band-up path { } #stacks_in_16 .hype-band-up path, #stacks_in_16 .hype-band-mid path { fill: #FFFFFF !important; } /* SLICE */ #stacks_in_16 .inner_slice_content, #stacks_in_16 .inner_slice_content p { } #stacks_in_16 .inner_slice_content h1, #stacks_in_16 .inner_slice_content h2, #stacks_in_16 .inner_slice_content h3, #stacks_in_16 .inner_slice_content h4, #stacks_in_16 .inner_slice_content h5, #stacks_in_16 .inner_slice_content h6 { } #stacks_in_16 .inner_slice_content { text-align: left; pointer-events: auto; -webkit-animation: fade-the-slice-css 0.30s ease-in-out both; animation: fade-the-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; padding: 20px; background-color: rgba(255, 255, 255, 0.60) !important; } @keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_16 .inner_slice { margin: 0 auto auto; max-width: 1150px; min-width: 200px; z-index: 2; position: relative; background-color: transparent !important; margin-top: -20vh !important; margin-bottom: 0vh !important; } #stacks_in_16 .inner_slice_content, #stacks_in_16 .inner_slice_content p, #stacks_in_16 .inner_slice_content span, #stacks_in_16 .inner_slice_content [class*="fa fa-"], #stacks_in_16 .inner_slice_content h1, #stacks_in_16 .inner_slice_content h2, #stacks_in_16 .inner_slice_content h3, #stacks_in_16 .inner_slice_content h4, #stacks_in_16 .inner_slice_content h5, #stacks_in_16 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #4F4F4F !important; } #stacks_in_16 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_16 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_16 .inner_slice_content a:link, #stacks_in_16 .inner_slice_content a { color: #0F80FF !important; } #stacks_in_16 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_16 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_16 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_16 .inner_slice_content, #stacks_in_16 .inner_slice_content p, #stacks_in_16 .inner_slice_content span, #stacks_in_16 .inner_slice_content [class*="fa fa-"], #stacks_in_16 .inner_slice_content h1, #stacks_in_16 .inner_slice_content h2, #stacks_in_16 .inner_slice_content h3, #stacks_in_16 .inner_slice_content h4, #stacks_in_16 .inner_slice_content h5, #stacks_in_16 .inner_slice_content h6 { text-align: left !important; } #stacks_in_16 .bg-extend { background-color: rgba(255, 255, 255, 1.00) !important; height: 100%; width: 100%; } #stacks_in_16 .HYPE_document { position: relative; } #stacks_in_16_default12_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_16 .extend12 { margin: auto; width: 100%; position: relative; min-height: 70vh; } #stacks_in_16 .inner_slice-wrapper { position: relative; } #stacks_in_16 .hype-top-gradient { background: radial-gradient( rgba(155, 74, 81, 0.00) 41%, rgba(255, 134, 146, 0.29) 100%) !important; } #stacks_in_16 .hype-bottom-gradient { background: linear-gradient( 0deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.00) 86%) !important; } /* scroll button */ #stacks_in_16 .scrollButton-box { display: none !important; position: absolute !important; z-index: 10; right: 0; left: 0; padding: 0 6px 0 0; width: auto; display: block; text-align: center !important; margin-right: auto; margin-left: auto; top: -9vh !important; } #stacks_in_16 .scrollButton-caption { pointer-events: none !important; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: -5px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; right: 0; bottom: 0; width: 100%; padding-top: 0; margin-top: 0px; color: rgba(255, 255, 255, 1.00) !important; display: block !important; } #stacks_in_16 .fa-circle { color: rgba(202, 162, 171, 1.00) !important; } #stacks_in_16 .fa-stack, #stacks_in_16 .fa-stack-1x, #stacks_in_16 .fa-stack-2x { font-size: 96% !important; line-height: 96% !important; } #stacks_in_16 .scrollButton-box [class^="fa fa-"], #stacks_in_16 .scrollButton-box #stacks_in_16 [class*="fa fa-"], #stacks_in_16 .scrollButton-caption { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_16 .scrollButton-caption:active { } #stacks_in_16 .scrollButton-box [class^="fa fa-"], #stacks_in_16 .scrollButton-box #stacks_in_16 [class*="fa fa-"] { } #stacks_in_16 .scrollButton-box [class^="fa fa-"]:hover { opacity: 0.8; } #stacks_in_16 .scrollButton-box a .fa-stack-1x { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_16 .scrollButton-box a { font-size: 60px !important; line-height: 1em; } #stacks_in_16 .scrollButton-box [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_16 .scrollButton-box { font-size: 0 !important; display: none !important; } } /* link in Hype */ #stacks_in_16 .hype-link-hover-group, #stacks_in_16 .hype-link-hover, #stacks_in_16 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_16 .hype-link-hover { cursor: pointer !important; } /* -- End EACH CSS Template -- */#stacks_in_17>.s3_row { margin: 0 -20px; } #stacks_in_17>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_17>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_17>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_17>.s3_row { margin: -20px 0; } #stacks_in_17>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_17>.s3_row { margin: -20px 0; } #stacks_in_17>.s3_row>.s3_column { padding: 20px 0; width:100%; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_99 { height: 20.00px; } @media print { #spacerStackstacks_in_99 { display: none !important; } } #stacks_in_19 { padding: 0px 0px 15px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_24 { height: 20.00px; } @media print { #spacerStackstacks_in_24 { display: none !important; } } /* -- Start EACH CSS Template -- */ #stacks_in_28 .hype_title_main { -webkit-font-smoothing: antialiased !important; font-size: 200px !important; line-height: 182px !important; letter-spacing: 0px !important; text-transform: none !important; font-style: normal !important; -webkit-transform: translate3d(0,0,0) !important; margin-top: 20% !important; top: 0% !important; background: -webkit-linear-gradient( 90deg, rgba(15, 128, 255, 1.00) 0%, rgba(102, 204, 255, 1.00) 100%) !important; background: linear-gradient( 90deg, rgba(15, 128, 255, 1.00) 0%, rgba(102, 204, 255, 1.00) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; font-family: 'Fuggles' !important; font-weight: 400 !important; } @media (max-width: 600px) { #stacks_in_28 .hype_title_main { font-size: 300px !important; line-height: 300px !important; } } #stacks_in_28 .hype_title_main { } /* alternate blend */ #stacks_in_28 .hype_title_blend_on-off { display: block !important; } #stacks_in_28 .hype_title_on-off { } #stacks_in_28 .hype_title_blend_cut_shadow { } #stacks_in_28 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_28 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_28 .hype_bgs-2 { opacity: 100 !important; background-image: url(../files/stack_bg_image-28.jpg) !important; filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; } /* layer 1 */ #stacks_in_28 .hype_bgs-1 { opacity: 1 !important; background-image: url(../files/stack_bg_image-28.jpg) !important; } /* layers IMG position setting NEW */ #stacks_in_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; } @media screen and (max-width: 600px) { #stacks_in_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { } } @media (max-width: 480px) { #stacks_in_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2{ background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { 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_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { 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_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { 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_28 .hype_bgs-1, #stacks_in_28 .hype_bgs-2 { background-attachment: scroll !important; } } /* BANDS */ #stacks_in_28 .hype-band-up, #stacks_in_28 .hype-band-mid, #stacks_in_28 .hype-band-up path, #stacks_in_28 .hype-band-mid path { display: block !important; } #stacks_in_28 .hype-band-up, #stacks_in_28 .hype-band-up path { } #stacks_in_28 .hype-band-up path, #stacks_in_28 .hype-band-mid path { fill: #FFFFFF !important; } /* SLICE */ #stacks_in_28 .inner_slice_content, #stacks_in_28 .inner_slice_content p { } #stacks_in_28 .inner_slice_content h1, #stacks_in_28 .inner_slice_content h2, #stacks_in_28 .inner_slice_content h3, #stacks_in_28 .inner_slice_content h4, #stacks_in_28 .inner_slice_content h5, #stacks_in_28 .inner_slice_content h6 { } #stacks_in_28 .inner_slice_content { text-align: left; pointer-events: auto; -webkit-animation: fade-the-slice-css 0.30s ease-in-out both; animation: fade-the-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; padding: 20px; background-color: rgba(255, 255, 255, 0.60) !important; } @keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_28 .inner_slice { margin: 0 auto auto; max-width: 1000px; min-width: 200px; z-index: 2; position: relative; background-color: transparent !important; margin-top: -19vh !important; margin-bottom: 0vh !important; } #stacks_in_28 .inner_slice_content, #stacks_in_28 .inner_slice_content p, #stacks_in_28 .inner_slice_content span, #stacks_in_28 .inner_slice_content [class*="fa fa-"], #stacks_in_28 .inner_slice_content h1, #stacks_in_28 .inner_slice_content h2, #stacks_in_28 .inner_slice_content h3, #stacks_in_28 .inner_slice_content h4, #stacks_in_28 .inner_slice_content h5, #stacks_in_28 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #4F4F4F !important; } #stacks_in_28 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_28 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_28 .inner_slice_content a:link, #stacks_in_28 .inner_slice_content a { color: #3B78D9 !important; } #stacks_in_28 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_28 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_28 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_28 .inner_slice_content, #stacks_in_28 .inner_slice_content p, #stacks_in_28 .inner_slice_content span, #stacks_in_28 .inner_slice_content [class*="fa fa-"], #stacks_in_28 .inner_slice_content h1, #stacks_in_28 .inner_slice_content h2, #stacks_in_28 .inner_slice_content h3, #stacks_in_28 .inner_slice_content h4, #stacks_in_28 .inner_slice_content h5, #stacks_in_28 .inner_slice_content h6 { text-align: truefalsefalse !important; } #stacks_in_28 .bg-extend { background-color: rgba(255, 255, 255, 1.00) !important; height: 100%; width: 100%; } #stacks_in_28 .HYPE_document { position: relative; } #stacks_in_28_default12_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_28 .extend12 { margin: auto; width: 100%; position: relative; min-height: 100vh; } #stacks_in_28 .inner_slice-wrapper { position: relative; } #stacks_in_28 .hype-top-gradient { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.20) 100%) !important; } #stacks_in_28 .hype-bottom-gradient { background: linear-gradient( 0deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.00) 50%) !important; } /* scroll button */ #stacks_in_28 .scrollButton-box { display: none !important; position: absolute !important; z-index: 10; right: 0; left: 0; padding: 0 6px 0 0; width: auto; display: block; text-align: center !important; margin-right: auto; margin-left: auto; top: 1vh !important; } #stacks_in_28 .scrollButton-caption { pointer-events: none !important; font-size: 50px; line-height: 1.2em; letter-spacing: 1px; text-indent: -5px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; right: 0; bottom: 0; width: 100%; padding-top: 0; margin-top: -48px; font-family: 'Fuggles' !important; font-weight: 400 !important; color: rgba(255, 255, 255, 1.00) !important; display: block !important; } #stacks_in_28 .fa-circle { color: rgba(15, 128, 255, 1.00) !important; } #stacks_in_28 .fa-stack, #stacks_in_28 .fa-stack-1x, #stacks_in_28 .fa-stack-2x { font-size: 96% !important; line-height: 96% !important; } #stacks_in_28 .scrollButton-box [class^="fa fa-"], #stacks_in_28 .scrollButton-box #stacks_in_28 [class*="fa fa-"], #stacks_in_28 .scrollButton-caption { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_28 .scrollButton-caption:active { } #stacks_in_28 .scrollButton-box [class^="fa fa-"], #stacks_in_28 .scrollButton-box #stacks_in_28 [class*="fa fa-"] { } #stacks_in_28 .scrollButton-box [class^="fa fa-"]:hover { opacity: 0.8; } #stacks_in_28 .scrollButton-box a .fa-stack-1x { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_28 .scrollButton-box a { font-size: 76px !important; line-height: 1em; } #stacks_in_28 .scrollButton-box [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_28 .scrollButton-box { font-size: 0 !important; display: none !important; } } /* link in Hype */ #stacks_in_28 .hype-link-hover-group, #stacks_in_28 .hype-link-hover, #stacks_in_28 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_28 .hype-link-hover { cursor: pointer !important; } /* -- End EACH CSS Template -- */#stacks_in_29>.s3_row { margin: 0 -20px; } #stacks_in_29>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_29>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_29>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_29>.s3_row { margin: -20px 0; } #stacks_in_29>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_29>.s3_row { margin: -20px 0; } #stacks_in_29>.s3_row>.s3_column { padding: 20px 0; width:100%; } } /* Start Loupe stack CSS code */ #stacks_in_88{ z-index: 10 !important; } .stacks_in_88loopy{ z-index: 10 !important; } .stacks_in_88loopy img{ z-index: 10; } .stacks_in_88loopy img{ max-width: 100%; height: auto; } /* End Loupe stack CSS code */ #stacks_in_88 { padding: 120px 0px 0px 0px; } #stacks_in_91 { padding: 200px 0px 10px 0px; } /* Start Play stack CSS code */ #stacks_in_100 { z-index: 4; } .stacks_in_100playContainer { overflow: hidden; position: relative !important; z-index: 6; } .stacks_in_100playContainer { background-image: url("") !important; background-position: center center !important; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: cover; } .stacks_in_100overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 7; } .stacks_in_100contentBox{ position: relative; text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; z-index: 8; } .stacks_in_100content{ position: relative; max-width: 1000px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: center !important; z-index: 8; text-shadow: none !important; } .stacks_in_100content,.stacks_in_100content h1,.stacks_in_100content h2,.stacks_in_100content h3,.stacks_in_100content h4,.stacks_in_100content h5,.stacks_in_100content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_100content a,.stacks_in_100content a:active,.stacks_in_100content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_100content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_100playScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_100playScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; z-index: 8; } .stacks_in_100playContainer { min-height: 500px; } .stacks_in_100contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .playanimation { animation: playanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: playanimation 3s ease-in-out 0s infinite normal none; } .wallpaper, .wallpaper .wallpaper-container, .wallpaper .wallpaper-media { -webkit-transition: none !important; transition: none !important; } .wallpaper { overflow: hidden; position: relative;} .wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; } .wallpaper .wallpaper-media.animated { -webkit-transition: opacity 0.5s linear !important; transition: opacity 0.5s linear !important; } .wallpaper .wallpaper-media img, .wallpaper .wallpaper-media video, .wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; } .wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; } .wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%; } .wallpaper .wallpaper-media.native img { display: none; } .wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; } .wallpaper .wallpaper-media.fixed img { display: none; } /* End Play stack CSS code */ #stacks_in_100 { padding: 40px 0px 0px 0px; } #stacks_in_31 { padding: 15px 0px 15px 0px; } #stacks_in_34 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_34 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:2px; border-top-color:#0F80FF; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_35 { padding: 15px 0px 15px 0px; } #stacks_in_37 { padding: 0px 0px 20px 0px; }