#stacks_in_208{ max-width: 1000px;margin: 0 auto; } #stacks_in_208{ padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_208{ padding: 0px 0px 0px 0px; } }/* -- End EACH CSS Template -- */ #stacks_in_116 *{ box-sizing: border-box !important; } #stacks_in_116 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_116 .bg-hype-color-css { } #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-116.png) !important; background-position: 50% 35% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_116 .bg-hype-css, #stacks_in_116 .bg-hype-css path, #stacks_in_116 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_116 .shape-top { } #stacks_in_116 .shape-bottom { } /* shift stripes */ #stacks_in_116 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_116 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_116 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_116 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_116 .shape-top path, #stacks_in_116 .shape-bottom path { stroke-style: solid !important; fill: rgba(0, 0, 0, 1.00) !important; stroke-width: 3px !important; stroke: rgba(254, 246, 90, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_116 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(44, 96, 149, 0.20) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_116 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_116 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_116 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_116 .inner-slice-vertical-main { } } #stacks_in_116 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_116 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_116 .inner-slice-content, #stacks_in_116 .inner-slice-content p, #stacks_in_116 .inner-slice-content span, #stacks_in_116 .inner-slice-content [class*="fa fa-"], #stacks_in_116 .inner-slice-content h1, #stacks_in_116 .inner-slice-content h2, #stacks_in_116 .inner-slice-content h3, #stacks_in_116 .inner-slice-content h4, #stacks_in_116 .inner-slice-content h5, #stacks_in_116 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#F9F7FA !important; } #stacks_in_116 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_116 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_116 .inner-slice-content a:link, #stacks_in_116 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_116 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_116 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_116 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_116 .inner-slice-content { } /* button */ #stacks_in_116 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_116 .scrollButton-element a { font-size: 51px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #F8C51C !important; } #stacks_in_116 .scrollButton-element [class^="fa fa-"], #stacks_in_116 .scrollButton-element #stacks_in_116 [class*="fa fa-"] { color: #F8C51C !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_116 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_116 .scrollButton-element { display: none !important; } #stacks_in_116 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_116 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_116 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_116 .bg-grid { } #stacks_in_116 .bg-grad { background: linear-gradient(160deg, rgba(43, 55, 85, 0.23) 34%, rgba(43, 55, 85, 1.00) 100%); } #stacks_in_116 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(15, 151, 223, 0.50)), to(rgba(11, 42, 60, 0.50))); background-image: -webkit-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: -moz-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); } #stacks_in_116 .bgscale-trigger { opacity: 0.7; top: 10vh !important; opacity: 0.0; } #stacks_in_116 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_116 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_116 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_117>.s3_row { margin: 0 -8px; } #stacks_in_117>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_117>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_117>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_117>.s3_row { margin: -8px 0; } #stacks_in_117>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_117 { padding: 10px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_122 .hype_explorer_fix { display: block !important; } #stacks_in_122 .hype_img_shape, #stacks_in_122 .hype_title_a, #stacks_in_122 .hype_title_b, #stacks_in_122 .hype-path001 {display: none !important;} #stacks_in_122 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_122 .hype_title_b { } #stacks_in_122 .hype_top_shape_ie_fix, #stacks_in_122 .hype_back_shape_ie_fix { } #stacks_in_122 .hype_top_shape, #stacks_in_122 .hype_back_shape {opacity: 0 !important;} #stacks_in_122 .hype_top_shape_ie_fix, #stacks_in_122 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_122 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_122 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_122 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_122_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_122 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_122 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_122 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_122 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_122 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_122 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_122 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_122 .hype_img_shape, #stacks_in_122 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_122 .hype_shape_area { margin-left: 0px !important; } #stacks_in_122 .hype_top_shape path, #stacks_in_122 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_122 .hype_top_shape, #stacks_in_122 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_122 .hype_back_shape path, #stacks_in_122 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_122 .hype_title_a, #stacks_in_122 .hype_title_b, #stacks_in_122 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 170px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: 120px; margin-left: 19px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( -3deg ) !important; -webkit-transform: rotate(-3deg ) !important; -moz-transform: rotate( -3deg ) !important; } @media (max-width: 600px) { #stacks_in_122 .hype_title_a, #stacks_in_122 .hype_title_b, #stacks_in_122 .hype_title_a_ie_fix { } } #stacks_in_122 .hype_title_a, #stacks_in_122 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_122 .hype_title_b { color: rgba(250, 206, 35, 1.00) !important; } #stacks_in_122 .hype_title_a, #stacks_in_122 .hype_title_a_ie_fix, #stacks_in_122 .hype_title_b { } /* SLICE */ #stacks_in_122 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_122 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_122 .inner_slice_content, #stacks_in_122 .inner_slice_content p, #stacks_in_122 .inner_slice_content span, #stacks_in_122 .inner_slice_content [class*="fa fa-"], #stacks_in_122 .inner_slice_content h1, #stacks_in_122 .inner_slice_content h2, #stacks_in_122 .inner_slice_content h3, #stacks_in_122 .inner_slice_content h4, #stacks_in_122 .inner_slice_content h5, #stacks_in_122 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_122 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_122 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_122 .inner_slice_content a:link, #stacks_in_122 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_122 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_122 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_122 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_122 .hype-link-hover-group, #stacks_in_122 .hype-link-hover, #stacks_in_122 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_122 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_122 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_122 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_122 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ /* START BEFORE AND AFTER CSS */ #stacks_in_203{ text-align: center; } .stacks_in_203outerContainer{ position: relative; display: inline-block; overflow: hidden; } .stacks_in_203backImage{ position: relative; } .stacks_in_203frontImage{ position: absolute; width: 100%; top: 0; left: 0; overflow: hidden; } .stacks_in_203backImage img{ width: 100%; height: auto; } .stacks_in_203frontImage img{ width: 100%; height: auto; } /* if in edit mode */ /* END BEFORE AND AFTER CSS */ #stacks_in_119 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } /* -- End EACH CSS Template -- */ #stacks_in_125 *{ box-sizing: border-box !important; } #stacks_in_125 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_125 .bg-hype-color-css { } #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-125.png) !important; background-position: 50% 35% !important; opacity: 0.6; } @media screen and (min-width: 800px) { #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_125 .bg-hype-css, #stacks_in_125 .bg-hype-css path, #stacks_in_125 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_125 .shape-top { } #stacks_in_125 .shape-bottom { } /* shift stripes */ #stacks_in_125 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_125 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_125 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_125 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_125 .shape-top path, #stacks_in_125 .shape-bottom path { stroke-style: solid !important; fill: rgba(44, 96, 149, 0.24) !important; stroke-width: 3px !important; stroke: rgba(168, 0, 4, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_125 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(153, 180, 202, 0.21) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_125 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_125 .inner-slice-vertical-main { display:table; width: 100%; height: 65vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_125 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_125 .inner-slice-vertical-main { } } #stacks_in_125 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_125 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_125 .inner-slice-content, #stacks_in_125 .inner-slice-content p, #stacks_in_125 .inner-slice-content span, #stacks_in_125 .inner-slice-content [class*="fa fa-"], #stacks_in_125 .inner-slice-content h1, #stacks_in_125 .inner-slice-content h2, #stacks_in_125 .inner-slice-content h3, #stacks_in_125 .inner-slice-content h4, #stacks_in_125 .inner-slice-content h5, #stacks_in_125 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FBFCFF !important; } #stacks_in_125 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_125 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_125 .inner-slice-content a:link, #stacks_in_125 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_125 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_125 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_125 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_125 .inner-slice-content { } /* button */ #stacks_in_125 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_125 .scrollButton-element a { font-size: 50px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #A80004 !important; } #stacks_in_125 .scrollButton-element [class^="fa fa-"], #stacks_in_125 .scrollButton-element #stacks_in_125 [class*="fa fa-"] { color: #A80004 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_125 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_125 .scrollButton-element { display: none !important; } #stacks_in_125 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_125 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_125 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_125 .bg-grid { } #stacks_in_125 .bg-grad { background: linear-gradient(160deg, rgba(151, 122, 153, 0.30) 34%, rgba(165, 201, 211, 0.55) 100%); } #stacks_in_125 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(112, 137, 142, 1.00)), to(rgba(155, 197, 212, 0.58))); background-image: -webkit-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 0.58)); background-image: -moz-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 0.58)); background-image: radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 0.58)); } #stacks_in_125 .bgscale-trigger { opacity: 0.7; top: 40vh !important; opacity: 0.0; } #stacks_in_125 .shading-trigger { opacity: 0.7; top: 40vh !important; } #stacks_in_125 .top-trigger { opacity: 0.7; top: 40vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_126>.s3_row { margin: 0 -8px; } #stacks_in_126>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_126>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_126>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_126>.s3_row { margin: -8px 0; } #stacks_in_126>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_126 { padding: 10px; } #stacks_in_133 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_128 .hype_explorer_fix { display: block !important; } #stacks_in_128 .hype_img_shape, #stacks_in_128 .hype_title_a, #stacks_in_128 .hype_title_b, #stacks_in_128 .hype-path001 {display: none !important;} #stacks_in_128 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_128 .hype_title_b { } #stacks_in_128 .hype_top_shape_ie_fix, #stacks_in_128 .hype_back_shape_ie_fix { } #stacks_in_128 .hype_top_shape, #stacks_in_128 .hype_back_shape {opacity: 0 !important;} #stacks_in_128 .hype_top_shape_ie_fix, #stacks_in_128 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_128 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_128 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_128 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_128_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_128 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_128 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_128 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_128 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_128 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_128 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_128 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_128 .hype_img_shape, #stacks_in_128 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_128 .hype_shape_area { margin-left: 0px !important; } #stacks_in_128 .hype_top_shape path, #stacks_in_128 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_128 .hype_top_shape, #stacks_in_128 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_128 .hype_back_shape path, #stacks_in_128 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_128 .hype_title_a, #stacks_in_128 .hype_title_b, #stacks_in_128 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 170px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: -155px; margin-left: 473px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( 3deg ) !important; -webkit-transform: rotate(3deg ) !important; -moz-transform: rotate( 3deg ) !important; } @media (max-width: 600px) { #stacks_in_128 .hype_title_a, #stacks_in_128 .hype_title_b, #stacks_in_128 .hype_title_a_ie_fix { } } #stacks_in_128 .hype_title_a, #stacks_in_128 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_128 .hype_title_b { color: rgba(185, 0, 0, 1.00) !important; } #stacks_in_128 .hype_title_a, #stacks_in_128 .hype_title_a_ie_fix, #stacks_in_128 .hype_title_b { } /* SLICE */ #stacks_in_128 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_128 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_128 .inner_slice_content, #stacks_in_128 .inner_slice_content p, #stacks_in_128 .inner_slice_content span, #stacks_in_128 .inner_slice_content [class*="fa fa-"], #stacks_in_128 .inner_slice_content h1, #stacks_in_128 .inner_slice_content h2, #stacks_in_128 .inner_slice_content h3, #stacks_in_128 .inner_slice_content h4, #stacks_in_128 .inner_slice_content h5, #stacks_in_128 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_128 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_128 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_128 .inner_slice_content a:link, #stacks_in_128 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_128 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_128 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_128 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_128 .hype-link-hover-group, #stacks_in_128 .hype-link-hover, #stacks_in_128 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_128 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_128 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_128 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_128 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- *//* -- End EACH CSS Template -- */ #stacks_in_136 *{ box-sizing: border-box !important; } #stacks_in_136 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_136 .bg-hype-color-css { } #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-136.png) !important; background-position: 50% 35% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_136 .bg-hype-css, #stacks_in_136 .bg-hype-css path, #stacks_in_136 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_136 .shape-top { } #stacks_in_136 .shape-bottom { } /* shift stripes */ #stacks_in_136 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_136 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_136 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_136 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_136 .shape-top path, #stacks_in_136 .shape-bottom path { stroke-style: solid !important; fill: rgba(104, 134, 185, 0.22) !important; stroke-width: 3px !important; stroke: rgba(137, 108, 92, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_136 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(44, 96, 149, 0.24) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_136 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_136 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_136 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_136 .inner-slice-vertical-main { } } #stacks_in_136 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_136 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_136 .inner-slice-content, #stacks_in_136 .inner-slice-content p, #stacks_in_136 .inner-slice-content span, #stacks_in_136 .inner-slice-content [class*="fa fa-"], #stacks_in_136 .inner-slice-content h1, #stacks_in_136 .inner-slice-content h2, #stacks_in_136 .inner-slice-content h3, #stacks_in_136 .inner-slice-content h4, #stacks_in_136 .inner-slice-content h5, #stacks_in_136 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#F9F7FA !important; } #stacks_in_136 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_136 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_136 .inner-slice-content a:link, #stacks_in_136 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_136 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_136 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_136 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_136 .inner-slice-content { } /* button */ #stacks_in_136 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_136 .scrollButton-element a { font-size: 51px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #858079 !important; } #stacks_in_136 .scrollButton-element [class^="fa fa-"], #stacks_in_136 .scrollButton-element #stacks_in_136 [class*="fa fa-"] { color: #858079 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_136 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_136 .scrollButton-element { display: none !important; } #stacks_in_136 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_136 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_136 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_136 .bg-grid { } #stacks_in_136 .bg-grad { background: linear-gradient(160deg, rgba(81, 110, 170, 0.30) 34%, rgba(38, 33, 60, 1.00) 100%); } #stacks_in_136 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(15, 151, 223, 0.50)), to(rgba(11, 42, 60, 0.50))); background-image: -webkit-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: -moz-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); } #stacks_in_136 .bgscale-trigger { opacity: 0.7; top: 10vh !important; opacity: 0.0; } #stacks_in_136 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_136 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_136 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_137>.s3_row { margin: 0 -8px; } #stacks_in_137>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_137>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_137>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_137>.s3_row { margin: -8px 0; } #stacks_in_137>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_137 { padding: 10px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_142 .hype_explorer_fix { display: block !important; } #stacks_in_142 .hype_img_shape, #stacks_in_142 .hype_title_a, #stacks_in_142 .hype_title_b, #stacks_in_142 .hype-path001 {display: none !important;} #stacks_in_142 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_142 .hype_title_b { } #stacks_in_142 .hype_top_shape_ie_fix, #stacks_in_142 .hype_back_shape_ie_fix { } #stacks_in_142 .hype_top_shape, #stacks_in_142 .hype_back_shape {opacity: 0 !important;} #stacks_in_142 .hype_top_shape_ie_fix, #stacks_in_142 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_142 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_142 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_142 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_142_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_142 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_142 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_142 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_142 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_142 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_142 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_142 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_142 .hype_img_shape, #stacks_in_142 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_142 .hype_shape_area { margin-left: 0px !important; } #stacks_in_142 .hype_top_shape path, #stacks_in_142 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_142 .hype_top_shape, #stacks_in_142 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_142 .hype_back_shape path, #stacks_in_142 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_142 .hype_title_a, #stacks_in_142 .hype_title_b, #stacks_in_142 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 170px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: -259px; margin-left: 296px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( 9deg ) !important; -webkit-transform: rotate(9deg ) !important; -moz-transform: rotate( 9deg ) !important; } @media (max-width: 600px) { #stacks_in_142 .hype_title_a, #stacks_in_142 .hype_title_b, #stacks_in_142 .hype_title_a_ie_fix { } } #stacks_in_142 .hype_title_a, #stacks_in_142 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_142 .hype_title_b { color: rgba(151, 146, 139, 1.00) !important; } #stacks_in_142 .hype_title_a, #stacks_in_142 .hype_title_a_ie_fix, #stacks_in_142 .hype_title_b { } /* SLICE */ #stacks_in_142 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_142 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_142 .inner_slice_content, #stacks_in_142 .inner_slice_content p, #stacks_in_142 .inner_slice_content span, #stacks_in_142 .inner_slice_content [class*="fa fa-"], #stacks_in_142 .inner_slice_content h1, #stacks_in_142 .inner_slice_content h2, #stacks_in_142 .inner_slice_content h3, #stacks_in_142 .inner_slice_content h4, #stacks_in_142 .inner_slice_content h5, #stacks_in_142 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_142 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_142 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_142 .inner_slice_content a:link, #stacks_in_142 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_142 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_142 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_142 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_142 .hype-link-hover-group, #stacks_in_142 .hype-link-hover, #stacks_in_142 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_142 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_142 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_142 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_142 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_139 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } /* -- End EACH CSS Template -- */ #stacks_in_145 *{ box-sizing: border-box !important; } #stacks_in_145 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_145 .bg-hype-color-css { } #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-145.png) !important; background-position: 50% 35% !important; opacity: 0.6; } @media screen and (min-width: 800px) { #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_145 .bg-hype-css, #stacks_in_145 .bg-hype-css path, #stacks_in_145 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_145 .shape-top { } #stacks_in_145 .shape-bottom { } /* shift stripes */ #stacks_in_145 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_145 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_145 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_145 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_145 .shape-top path, #stacks_in_145 .shape-bottom path { stroke-style: solid !important; fill: rgba(46, 99, 156, 0.18) !important; stroke-width: 3px !important; stroke: rgba(0, 0, 0, 0.40) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_145 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(153, 180, 202, 0.20) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_145 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_145 .inner-slice-vertical-main { display:table; width: 100%; height: 65vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_145 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_145 .inner-slice-vertical-main { } } #stacks_in_145 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_145 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_145 .inner-slice-content, #stacks_in_145 .inner-slice-content p, #stacks_in_145 .inner-slice-content span, #stacks_in_145 .inner-slice-content [class*="fa fa-"], #stacks_in_145 .inner-slice-content h1, #stacks_in_145 .inner-slice-content h2, #stacks_in_145 .inner-slice-content h3, #stacks_in_145 .inner-slice-content h4, #stacks_in_145 .inner-slice-content h5, #stacks_in_145 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FBFCFF !important; } #stacks_in_145 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_145 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_145 .inner-slice-content a:link, #stacks_in_145 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_145 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_145 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_145 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_145 .inner-slice-content { } /* button */ #stacks_in_145 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_145 .scrollButton-element a { font-size: 50px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #000000 !important; } #stacks_in_145 .scrollButton-element [class^="fa fa-"], #stacks_in_145 .scrollButton-element #stacks_in_145 [class*="fa fa-"] { color: #000000 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_145 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_145 .scrollButton-element { display: none !important; } #stacks_in_145 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_145 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_145 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_145 .bg-grid { } #stacks_in_145 .bg-grad { background: linear-gradient(160deg, rgba(151, 122, 153, 0.30) 34%, rgba(165, 201, 211, 0.32) 100%); } #stacks_in_145 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(112, 137, 142, 1.00)), to(rgba(155, 197, 212, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); background-image: radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); } #stacks_in_145 .bgscale-trigger { opacity: 0.7; top: 40vh !important; opacity: 0.0; } #stacks_in_145 .shading-trigger { opacity: 0.7; top: 40vh !important; } #stacks_in_145 .top-trigger { opacity: 0.7; top: 40vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_146>.s3_row { margin: 0 -8px; } #stacks_in_146>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_146>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_146>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_146>.s3_row { margin: -8px 0; } #stacks_in_146>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_146 { padding: 10px; } #stacks_in_151 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_148 .hype_explorer_fix { display: block !important; } #stacks_in_148 .hype_img_shape, #stacks_in_148 .hype_title_a, #stacks_in_148 .hype_title_b, #stacks_in_148 .hype-path001 {display: none !important;} #stacks_in_148 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_148 .hype_title_b { } #stacks_in_148 .hype_top_shape_ie_fix, #stacks_in_148 .hype_back_shape_ie_fix { } #stacks_in_148 .hype_top_shape, #stacks_in_148 .hype_back_shape {opacity: 0 !important;} #stacks_in_148 .hype_top_shape_ie_fix, #stacks_in_148 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_148 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_148 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_148 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_148_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_148 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_148 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_148 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_148 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_148 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_148 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_148 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_148 .hype_img_shape, #stacks_in_148 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_148 .hype_shape_area { margin-left: 0px !important; } #stacks_in_148 .hype_top_shape path, #stacks_in_148 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_148 .hype_top_shape, #stacks_in_148 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_148 .hype_back_shape path, #stacks_in_148 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_148 .hype_title_a, #stacks_in_148 .hype_title_b, #stacks_in_148 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 153px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: -292px; margin-left: 111px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( -10deg ) !important; -webkit-transform: rotate(-10deg ) !important; -moz-transform: rotate( -10deg ) !important; } @media (max-width: 600px) { #stacks_in_148 .hype_title_a, #stacks_in_148 .hype_title_b, #stacks_in_148 .hype_title_a_ie_fix { } } #stacks_in_148 .hype_title_a, #stacks_in_148 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_148 .hype_title_b { color: rgba(3, 0, 1, 1.00) !important; } #stacks_in_148 .hype_title_a, #stacks_in_148 .hype_title_a_ie_fix, #stacks_in_148 .hype_title_b { } /* SLICE */ #stacks_in_148 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_148 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_148 .inner_slice_content, #stacks_in_148 .inner_slice_content p, #stacks_in_148 .inner_slice_content span, #stacks_in_148 .inner_slice_content [class*="fa fa-"], #stacks_in_148 .inner_slice_content h1, #stacks_in_148 .inner_slice_content h2, #stacks_in_148 .inner_slice_content h3, #stacks_in_148 .inner_slice_content h4, #stacks_in_148 .inner_slice_content h5, #stacks_in_148 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_148 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_148 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_148 .inner_slice_content a:link, #stacks_in_148 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_148 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_148 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_148 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_148 .hype-link-hover-group, #stacks_in_148 .hype-link-hover, #stacks_in_148 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_148 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_148 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_148 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_148 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- *//* -- End EACH CSS Template -- */ #stacks_in_154 *{ box-sizing: border-box !important; } #stacks_in_154 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_154 .bg-hype-color-css { } #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-154.png) !important; background-position: 50% 35% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_154 .bg-hype-css, #stacks_in_154 .bg-hype-css path, #stacks_in_154 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_154 .shape-top { } #stacks_in_154 .shape-bottom { } /* shift stripes */ #stacks_in_154 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_154 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_154 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_154 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_154 .shape-top path, #stacks_in_154 .shape-bottom path { stroke-style: solid !important; fill: rgba(104, 134, 185, 0.37) !important; stroke-width: 3px !important; stroke: rgba(74, 110, 231, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_154 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(44, 96, 149, 0.30) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_154 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_154 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_154 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_154 .inner-slice-vertical-main { } } #stacks_in_154 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_154 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_154 .inner-slice-content, #stacks_in_154 .inner-slice-content p, #stacks_in_154 .inner-slice-content span, #stacks_in_154 .inner-slice-content [class*="fa fa-"], #stacks_in_154 .inner-slice-content h1, #stacks_in_154 .inner-slice-content h2, #stacks_in_154 .inner-slice-content h3, #stacks_in_154 .inner-slice-content h4, #stacks_in_154 .inner-slice-content h5, #stacks_in_154 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#F9F7FA !important; } #stacks_in_154 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_154 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_154 .inner-slice-content a:link, #stacks_in_154 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_154 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_154 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_154 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_154 .inner-slice-content { } /* button */ #stacks_in_154 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_154 .scrollButton-element a { font-size: 51px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #6A9AFF !important; } #stacks_in_154 .scrollButton-element [class^="fa fa-"], #stacks_in_154 .scrollButton-element #stacks_in_154 [class*="fa fa-"] { color: #6A9AFF !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_154 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_154 .scrollButton-element { display: none !important; } #stacks_in_154 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_154 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_154 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_154 .bg-grid { } #stacks_in_154 .bg-grad { background: linear-gradient(160deg, rgba(81, 110, 170, 0.30) 34%, rgba(38, 33, 60, 1.00) 100%); } #stacks_in_154 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(15, 151, 223, 0.50)), to(rgba(11, 42, 60, 0.50))); background-image: -webkit-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: -moz-radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); background-image: radial-gradient(50% 50%, rgba(15, 151, 223, 0.50), rgba(11, 42, 60, 0.50)); } #stacks_in_154 .bgscale-trigger { opacity: 0.7; top: 10vh !important; opacity: 0.0; } #stacks_in_154 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_154 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_154 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_155>.s3_row { margin: 0 -8px; } #stacks_in_155>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_155>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_155>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_155>.s3_row { margin: -8px 0; } #stacks_in_155>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_155 { padding: 10px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_162 .hype_explorer_fix { display: block !important; } #stacks_in_162 .hype_img_shape, #stacks_in_162 .hype_title_a, #stacks_in_162 .hype_title_b, #stacks_in_162 .hype-path001 {display: none !important;} #stacks_in_162 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_162 .hype_title_b { } #stacks_in_162 .hype_top_shape_ie_fix, #stacks_in_162 .hype_back_shape_ie_fix { } #stacks_in_162 .hype_top_shape, #stacks_in_162 .hype_back_shape {opacity: 0 !important;} #stacks_in_162 .hype_top_shape_ie_fix, #stacks_in_162 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_162 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_162 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_162 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_162_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_162 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_162 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_162 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_162 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_162 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_162 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_162 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_162 .hype_img_shape, #stacks_in_162 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_162 .hype_shape_area { margin-left: 0px !important; } #stacks_in_162 .hype_top_shape path, #stacks_in_162 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_162 .hype_top_shape, #stacks_in_162 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_162 .hype_back_shape path, #stacks_in_162 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_162 .hype_title_a, #stacks_in_162 .hype_title_b, #stacks_in_162 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 170px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: -259px; margin-left: 49px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( -6deg ) !important; -webkit-transform: rotate(-6deg ) !important; -moz-transform: rotate( -6deg ) !important; } @media (max-width: 600px) { #stacks_in_162 .hype_title_a, #stacks_in_162 .hype_title_b, #stacks_in_162 .hype_title_a_ie_fix { } } #stacks_in_162 .hype_title_a, #stacks_in_162 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_162 .hype_title_b { color: rgba(81, 113, 192, 1.00) !important; } #stacks_in_162 .hype_title_a, #stacks_in_162 .hype_title_a_ie_fix, #stacks_in_162 .hype_title_b { } /* SLICE */ #stacks_in_162 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_162 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_162 .inner_slice_content, #stacks_in_162 .inner_slice_content p, #stacks_in_162 .inner_slice_content span, #stacks_in_162 .inner_slice_content [class*="fa fa-"], #stacks_in_162 .inner_slice_content h1, #stacks_in_162 .inner_slice_content h2, #stacks_in_162 .inner_slice_content h3, #stacks_in_162 .inner_slice_content h4, #stacks_in_162 .inner_slice_content h5, #stacks_in_162 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_162 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_162 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_162 .inner_slice_content a:link, #stacks_in_162 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_162 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_162 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_162 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_162 .hype-link-hover-group, #stacks_in_162 .hype-link-hover, #stacks_in_162 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_162 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_162 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_162 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_162 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_157 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } /* -- End EACH CSS Template -- */ #stacks_in_167 *{ box-sizing: border-box !important; } #stacks_in_167 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_167 .bg-hype-color-css { } #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-167.png) !important; background-position: 50% 35% !important; opacity: 0.6; } @media screen and (min-width: 800px) { #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_167 .bg-hype-css, #stacks_in_167 .bg-hype-css path, #stacks_in_167 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_167 .shape-top { } #stacks_in_167 .shape-bottom { } /* shift stripes */ #stacks_in_167 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_167 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_167 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_167 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_167 .shape-top path, #stacks_in_167 .shape-bottom path { stroke-style: solid !important; fill: rgba(46, 99, 156, 0.46) !important; stroke-width: 3px !important; stroke: rgba(254, 218, 10, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_167 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(153, 180, 202, 0.35) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_167 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_167 .inner-slice-vertical-main { display:table; width: 100%; height: 65vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_167 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_167 .inner-slice-vertical-main { } } #stacks_in_167 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_167 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_167 .inner-slice-content, #stacks_in_167 .inner-slice-content p, #stacks_in_167 .inner-slice-content span, #stacks_in_167 .inner-slice-content [class*="fa fa-"], #stacks_in_167 .inner-slice-content h1, #stacks_in_167 .inner-slice-content h2, #stacks_in_167 .inner-slice-content h3, #stacks_in_167 .inner-slice-content h4, #stacks_in_167 .inner-slice-content h5, #stacks_in_167 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FBFCFF !important; } #stacks_in_167 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_167 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_167 .inner-slice-content a:link, #stacks_in_167 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_167 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_167 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_167 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_167 .inner-slice-content { } /* button */ #stacks_in_167 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_167 .scrollButton-element a { font-size: 50px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #FEDA0A !important; } #stacks_in_167 .scrollButton-element [class^="fa fa-"], #stacks_in_167 .scrollButton-element #stacks_in_167 [class*="fa fa-"] { color: #FEDA0A !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_167 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_167 .scrollButton-element { display: none !important; } #stacks_in_167 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_167 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_167 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_167 .bg-grid { } #stacks_in_167 .bg-grad { background: linear-gradient(160deg, rgba(151, 122, 153, 0.30) 34%, rgba(165, 201, 211, 0.55) 100%); } #stacks_in_167 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(112, 137, 142, 1.00)), to(rgba(155, 197, 212, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); background-image: radial-gradient(50% 50%, rgba(112, 137, 142, 1.00), rgba(155, 197, 212, 1.00)); } #stacks_in_167 .bgscale-trigger { opacity: 0.7; top: 40vh !important; opacity: 0.0; } #stacks_in_167 .shading-trigger { opacity: 0.7; top: 40vh !important; } #stacks_in_167 .top-trigger { opacity: 0.7; top: 40vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_168>.s3_row { margin: 0 -8px; } #stacks_in_168>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_168>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_168>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_168>.s3_row { margin: -8px 0; } #stacks_in_168>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_168 { padding: 10px; } #stacks_in_173 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; } #stacks_in_222>.s3_row { margin: 0 -10px; } #stacks_in_222>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_222>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_222>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_222>.s3_row { margin: -10px 0; } #stacks_in_222>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_170 .hype_explorer_fix { display: block !important; } #stacks_in_170 .hype_img_shape, #stacks_in_170 .hype_title_a, #stacks_in_170 .hype_title_b, #stacks_in_170 .hype-path001 {display: none !important;} #stacks_in_170 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_170 .hype_title_b { } #stacks_in_170 .hype_top_shape_ie_fix, #stacks_in_170 .hype_back_shape_ie_fix { } #stacks_in_170 .hype_top_shape, #stacks_in_170 .hype_back_shape {opacity: 0 !important;} #stacks_in_170 .hype_top_shape_ie_fix, #stacks_in_170 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_170 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_170 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_170 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_170_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_170 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_170 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_170 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_170 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_170 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_170 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_170 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_170 .hype_img_shape, #stacks_in_170 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_170 .hype_shape_area { margin-left: 0px !important; } #stacks_in_170 .hype_top_shape path, #stacks_in_170 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_170 .hype_top_shape, #stacks_in_170 .hype_top_shape_ie_fix { transform: rotate( -1deg ) !important; -webkit-transform: rotate(-1deg ) !important; -moz-transform: rotate( -1deg ) !important; } /* 3d shadow back */ #stacks_in_170 .hype_back_shape path, #stacks_in_170 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_170 .hype_title_a, #stacks_in_170 .hype_title_b, #stacks_in_170 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 153px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: 122px; margin-left: 363px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( 8deg ) !important; -webkit-transform: rotate(8deg ) !important; -moz-transform: rotate( 8deg ) !important; } @media (max-width: 600px) { #stacks_in_170 .hype_title_a, #stacks_in_170 .hype_title_b, #stacks_in_170 .hype_title_a_ie_fix { } } #stacks_in_170 .hype_title_a, #stacks_in_170 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_170 .hype_title_b { color: rgba(255, 223, 0, 1.00) !important; } #stacks_in_170 .hype_title_a, #stacks_in_170 .hype_title_a_ie_fix, #stacks_in_170 .hype_title_b { } /* SLICE */ #stacks_in_170 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_170 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_170 .inner_slice_content, #stacks_in_170 .inner_slice_content p, #stacks_in_170 .inner_slice_content span, #stacks_in_170 .inner_slice_content [class*="fa fa-"], #stacks_in_170 .inner_slice_content h1, #stacks_in_170 .inner_slice_content h2, #stacks_in_170 .inner_slice_content h3, #stacks_in_170 .inner_slice_content h4, #stacks_in_170 .inner_slice_content h5, #stacks_in_170 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_170 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_170 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_170 .inner_slice_content a:link, #stacks_in_170 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_170 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_170 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_170 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_170 .hype-link-hover-group, #stacks_in_170 .hype-link-hover, #stacks_in_170 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_170 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_170 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_170 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_170 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- *//* -- End EACH CSS Template -- */ #stacks_in_180 *{ box-sizing: border-box !important; } #stacks_in_180 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_180 .bg-hype-color-css { } #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-size: cover !important; background-image: url(../work_files/bg_image-180.png) !important; background-position: 50% 35% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: fixed; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_180 .bg-hype-css, #stacks_in_180 .bg-hype-css path, #stacks_in_180 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_180 .shape-top { } #stacks_in_180 .shape-bottom { } /* shift stripes */ #stacks_in_180 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_180 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_180 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_180 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_180 .shape-top path, #stacks_in_180 .shape-bottom path { stroke-style: solid !important; fill: rgba(104, 134, 185, 0.37) !important; stroke-width: 3px !important; stroke: rgba(78, 147, 181, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } #stacks_in_180 .shape-bottom path { stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; stroke-style: solid !important; fill: rgba(0, 0, 0, 1.00) !important; stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 800, 2250; stroke-linecap: round; stroke-dashoffset: 20%; } /* slice */ #stacks_in_180 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_180 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_180 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_180 .inner-slice-vertical-main { } } #stacks_in_180 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_180 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_180 .inner-slice-content, #stacks_in_180 .inner-slice-content p, #stacks_in_180 .inner-slice-content span, #stacks_in_180 .inner-slice-content [class*="fa fa-"], #stacks_in_180 .inner-slice-content h1, #stacks_in_180 .inner-slice-content h2, #stacks_in_180 .inner-slice-content h3, #stacks_in_180 .inner-slice-content h4, #stacks_in_180 .inner-slice-content h5, #stacks_in_180 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#F9F7FA !important; } #stacks_in_180 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_180 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_180 .inner-slice-content a:link, #stacks_in_180 .inner-slice-content a { color:#CB0001 !important; } #stacks_in_180 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_180 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_180 .inner-slice-content a:hover { color:#404040 !important; } #stacks_in_180 .inner-slice-content { } /* button */ #stacks_in_180 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 5%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_180 .scrollButton-element a { font-size: 51px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #5EA0B9 !important; } #stacks_in_180 .scrollButton-element [class^="fa fa-"], #stacks_in_180 .scrollButton-element #stacks_in_180 [class*="fa fa-"] { color: #5EA0B9 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_180 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_180 .scrollButton-element { display: none !important; } #stacks_in_180 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_180 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_180 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_180 .bg-grid { } #stacks_in_180 .bg-grad { background: linear-gradient(160deg, rgba(81, 110, 170, 0.30) 34%, rgba(38, 33, 60, 1.00) 100%); } #stacks_in_180 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(36, 42, 61, 0.24)), to(rgba(11, 42, 60, 0.69))); background-image: -webkit-radial-gradient(50% 50%, rgba(36, 42, 61, 0.24), rgba(11, 42, 60, 0.69)); background-image: -moz-radial-gradient(50% 50%, rgba(36, 42, 61, 0.24), rgba(11, 42, 60, 0.69)); background-image: radial-gradient(50% 50%, rgba(36, 42, 61, 0.24), rgba(11, 42, 60, 0.69)); } #stacks_in_180 .bgscale-trigger { opacity: 0.7; top: 10vh !important; opacity: 0.0; } #stacks_in_180 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_180 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_180 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_181>.s3_row { margin: 0 -8px; } #stacks_in_181>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_181>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_181>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_181>.s3_row { margin: -8px 0; } #stacks_in_181>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_181 { padding: 10px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_192 .hype_explorer_fix { display: block !important; } #stacks_in_192 .hype_img_shape, #stacks_in_192 .hype_title_a, #stacks_in_192 .hype_title_b, #stacks_in_192 .hype-path001 {display: none !important;} #stacks_in_192 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_192 .hype_title_b { } #stacks_in_192 .hype_top_shape_ie_fix, #stacks_in_192 .hype_back_shape_ie_fix { } #stacks_in_192 .hype_top_shape, #stacks_in_192 .hype_back_shape {opacity: 0 !important;} #stacks_in_192 .hype_top_shape_ie_fix, #stacks_in_192 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_192 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(255, 255, 255, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_192 .hype_back_shape_ie_fix { background-color: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(24, 63, 71, 1.00) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_192 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_192_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_192 .HYPE_document { 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; height: 50vh !important; min-height: 370px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_192 .HYPE_document { } } @media (max-width: 600px) { #stacks_in_192 .HYPE_document { height: 208px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_192 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_192 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_192 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 60% !important; opacity: 0.1 !important; } #stacks_in_192 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_192 .hype_img_shape, #stacks_in_192 .hype_img_shape_ie_fix { background-image: none !important; background-size: cover !important; background-position: 50% 20% !important; } #stacks_in_192 .hype_shape_area { margin-left: 0px !important; } #stacks_in_192 .hype_top_shape path, #stacks_in_192 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_192 .hype_top_shape, #stacks_in_192 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_192 .hype_back_shape path, #stacks_in_192 .hype_back_shape { fill: rgba(19, 44, 50, 1.00) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(24, 63, 71, 1.00) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_192 .hype_title_a, #stacks_in_192 .hype_title_b, #stacks_in_192 .hype_title_a_ie_fix { text-align: truefalsefalse !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 170px !important; line-height: 457px !important; letter-spacing: 0px !important; margin-top: -259px; margin-left: -206px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( -4deg ) !important; -webkit-transform: rotate(-4deg ) !important; -moz-transform: rotate( -4deg ) !important; } @media (max-width: 600px) { #stacks_in_192 .hype_title_a, #stacks_in_192 .hype_title_b, #stacks_in_192 .hype_title_a_ie_fix { } } #stacks_in_192 .hype_title_a, #stacks_in_192 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_192 .hype_title_b { color: rgba(94, 164, 194, 1.00) !important; } #stacks_in_192 .hype_title_a, #stacks_in_192 .hype_title_a_ie_fix, #stacks_in_192 .hype_title_b { } /* SLICE */ #stacks_in_192 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 900px; } #stacks_in_192 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_192 .inner_slice_content, #stacks_in_192 .inner_slice_content p, #stacks_in_192 .inner_slice_content span, #stacks_in_192 .inner_slice_content [class*="fa fa-"], #stacks_in_192 .inner_slice_content h1, #stacks_in_192 .inner_slice_content h2, #stacks_in_192 .inner_slice_content h3, #stacks_in_192 .inner_slice_content h4, #stacks_in_192 .inner_slice_content h5, #stacks_in_192 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#003748 !important; } #stacks_in_192 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_192 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_192 .inner_slice_content a:link, #stacks_in_192 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_192 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_192 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_192 .inner_slice_content a:hover { color:#003748 !important; } /* link ------ managed in Hype */ #stacks_in_192 .hype-link-hover-group, #stacks_in_192 .hype-link-hover, #stacks_in_192 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_192 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_192 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_192 .trigger-img-rotate { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_192 .trigger-morph { margin-top: 9% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_183 { background-color: rgba(255, 255, 255, 0.17); padding: 20px; }