/* -- End EACH CSS Template -- */ #stacks_in_885 *{ box-sizing: border-box !important; } #stacks_in_885 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1800px !important; } #stacks_in_885 .bg-hype-color-css { } #stacks_in_885 .bg-hype-css, #stacks_in_885 .bg-hype-css path { background-size: cover !important; background-image: url(../files/internal_bg_pic_5.jpg) !important; background-position: 50% 50% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_885 .bg-hype-css, #stacks_in_885 .bg-hype-css path { background-attachment: scroll; } } /* 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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .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_885 .bg-hype-css, #stacks_in_885 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_885 .bg-hype-css, #stacks_in_885 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_885 .bg-hype-css, #stacks_in_885 .bg-hype-css path, #stacks_in_885 .bg-hype-move-img { } #stacks_in_885 .shape-top { } #stacks_in_885 .shape-bottom { } /* shift stripes */ #stacks_in_885 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_885 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_885 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_885 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_885 .shape-top path, #stacks_in_885 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_885 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* slice */ #stacks_in_885 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_885 .inner-slice-vertical-main { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_885 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_885 .inner-slice-vertical-main { } } #stacks_in_885 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_885 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 600px; 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_885 .inner-slice-content, #stacks_in_885 .inner-slice-content p, #stacks_in_885 .inner-slice-content span, #stacks_in_885 .inner-slice-content [class*="fa fa-"], #stacks_in_885 .inner-slice-content h1, #stacks_in_885 .inner-slice-content h2, #stacks_in_885 .inner-slice-content h3, #stacks_in_885 .inner-slice-content h4, #stacks_in_885 .inner-slice-content h5, #stacks_in_885 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_885 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_885 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_885 .inner-slice-content a:link, #stacks_in_885 .inner-slice-content a { } #stacks_in_885 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_885 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_885 .inner-slice-content a:hover { } #stacks_in_885 .inner-slice-content { } /* button */ #stacks_in_885 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; 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_885 .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: #F4F4F4 !important; } #stacks_in_885 .scrollButton-element [class^="fa fa-"], #stacks_in_885 .scrollButton-element #stacks_in_885 [class*="fa fa-"] { color: #F4F4F4 !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_885 .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_885 .scrollButton-element { display: none !important; } #stacks_in_885 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_885 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_885 .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_885 .bg-grid { } #stacks_in_885 .bg-grad { } #stacks_in_885 .bg-hype-shading-box { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%) !important; background-image: none !important; background: none !important; } #stacks_in_885 .bgscale-trigger { opacity: 0.7; top: 100px !important; } #stacks_in_885 .shading-trigger { opacity: 0.7; top: 100px !important; } #stacks_in_885 .top-trigger { opacity: 0.7; top: 100px !important; } /* -- End EACH CSS Template end -- */#stacks_in_891>.s3_row { margin: 0 -10px; } #stacks_in_891>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_891>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_891>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_891>.s3_row { margin: -10px 0; } #stacks_in_891>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_891>.s3_row { margin: -10px 0; } #stacks_in_891>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_894 { background-color: rgba(255, 255, 255, 1.00); margin: 2px; padding: 2px; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_887 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_887 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_887_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_887 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 800px; } #stacks_in_887 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; min-height: 150px !important; } @media (max-width: 768px) { #stacks_in_887 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_887 .vertical-19 { } } #stacks_in_887 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_887 .hype_line_19 { display: none !important; } } @media (min-width: 768px) { #stacks_in_887 .hype_line_1col { display: block !important; } #stacks_in_887 .hype_line_1col { } #stacks_in_887 .hype_line_2col_l { } #stacks_in_887 .hype_line_2col_r { } #stacks_in_887 .hype_line_2col_long_r_to_c { } #stacks_in_887 .hype_line_2col_long_l_to_c { } #stacks_in_887 .hype_line_2col_long_r_to_c { } #stacks_in_887 .hype_line_2col_long_l_to_c { } #stacks_in_887 .hype_line_2col_long_r { } #stacks_in_887 .hype_line_2col_long_l { } #stacks_in_887 .hype_line_2col_l, #stacks_in_887 .hype_line_2col_r { } #stacks_in_887 .hype_line_3col_l, #stacks_in_887 .hype_line_3col_r { } #stacks_in_887 .hype_line_3col_c { } #stacks_in_887 .hype_line_3col_inv_l, #stacks_in_887 .hype_line_3col_inv_r { } #stacks_in_887 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_887 .hype_resp-oneline { display: block !important; } } #stacks_in_887 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 100px !important;*/ #stacks_in_875 p { font-size: 100px !important; } #stacks_in_875 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_875_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_875 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_875 .devicewrapper, stacks_in_875_default10_hype_container, stacks_in_875 HYPE_document, #stacks_in_875 .device-trigger { pointer-events: auto !important; } #stacks_in_875 .devicewrapper { max-width: 2500px !important; margin-right: auto; margin-left: auto; } #stacks_in_875 .devicewrapper { display:table; width: 100%; height: 450px; } @media (max-width: 800px) { #stacks_in_875 .devicewrapper { height: 400px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 500px) { #stacks_in_875 .devicewrapper { height: 260px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_875 .hype-link-hover-group, #stacks_in_875 .hype-link-hover, #stacks_in_875 .hype-link-hover-blank { } #stacks_in_875 .hype-link-hover { } #stacks_in_875 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_875 .hype-link-hover-group { } #stacks_in_875 .hype-link-hover-group { display: none !important; } #stacks_in_875 .hype-link-hover-group { background-size: cover !important; background-position: 50% 50% !important; background-image: url() !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_875 .hype-link-hover, #stacks_in_875 .hype-link-hover-blank, #stacks_in_875 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_875 .device-area::after, #stacks_in_875 .device-area::before, #stacks_in_875 .device-area:after, #stacks_in_875 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_875 .hype-glass-reflect { } #stacks_in_875 .hype-glass-shading { opacity: 0 !important; display: none !important; } #stacks_in_875 .hype-box-shadow{ } /* custom text */ #stacks_in_875 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #313131 !important; font-style: none; text-transform: none; font-size: 100px !important; line-height: 100px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: 0px !important; margin-left: 0px !important; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_875 .hype-device-text, #stacks_in_875 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_875 .hype-device-text { } /* bands */ #stacks_in_875 .hype-bands-reveal1, #stacks_in_875 .hype-bands-reveal2, #stacks_in_875 .hype-bands-reveal1 path, #stacks_in_875 .hype-bands-reveal2 path { display: block !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_875 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_875 .hype-bands-reveal1 { display: none !important; } stacks_in_875_pointer {} /* linees */ #stacks_in_875 .hype-linees path { } #stacks_in_875 .hype-symbol-linees1 { } #stacks_in_875 .hype-symbol-linees2 { } #stacks_in_875 .hype-symbol-linees1, #stacks_in_875 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } @media (max-width: 500px) { #stacks_in_875 .hype-symbol-linees1, #stacks_in_875 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_875 .img-dev-bg-back, #stacks_in_875 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/pop_bg_cover_1.jpg) !important; opacity: 1; background-position: 50% 50% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_875 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_875 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_875 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_875 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_875 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_875 .img-dev-bg-back, #stacks_in_875 .img-dev-bg-back path { } #stacks_in_875 .img-dev-vignetting { } /* animation triggers */ #stacks_in_875 .bands-trigger, #stacks_in_875 .device-trigger { opacity: 0.5 !important; } #stacks_in_875 .device-trigger { opacity: 0 !important; } #stacks_in_875 .bands-trigger { opacity: 0 !important; } /* -- EACH CSS Template end -- *//* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_884 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_884 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_884_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_884 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_884 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 20vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_884 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_884 .vertical-19 { } } #stacks_in_884 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_884 .hype_line_19 { display: none !important; } } @media (min-width: 768px) { #stacks_in_884 .hype_line_1col { } #stacks_in_884 .hype_line_1col { } #stacks_in_884 .hype_line_2col_l { } #stacks_in_884 .hype_line_2col_r { } #stacks_in_884 .hype_line_2col_long_r_to_c { } #stacks_in_884 .hype_line_2col_long_l_to_c { } #stacks_in_884 .hype_line_2col_long_r_to_c { } #stacks_in_884 .hype_line_2col_long_l_to_c { } #stacks_in_884 .hype_line_2col_long_r { } #stacks_in_884 .hype_line_2col_long_l { } #stacks_in_884 .hype_line_2col_l, #stacks_in_884 .hype_line_2col_r { } #stacks_in_884 .hype_line_3col_l, #stacks_in_884 .hype_line_3col_r { display: block !important; } #stacks_in_884 .hype_line_3col_c { display: block !important; } #stacks_in_884 .hype_line_3col_inv_l, #stacks_in_884 .hype_line_3col_inv_r { } #stacks_in_884 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_884 .hype_resp-oneline { display: block !important; } } #stacks_in_884 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- End EACH CSS Template -- */ #stacks_in_879 *{ box-sizing: border-box !important; } #stacks_in_879 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1800px !important; } #stacks_in_879 .bg-hype-color-css { background-color: rgba(233, 232, 232, 1.00) !important; } #stacks_in_879 .bg-hype-css, #stacks_in_879 .bg-hype-css path { background-size: cover !important; background-image: url(../files/internal_bg_pic_5.jpg) !important; background-position: 50% 50% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_879 .bg-hype-css, #stacks_in_879 .bg-hype-css path { background-attachment: scroll; } } /* 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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .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_879 .bg-hype-css, #stacks_in_879 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_879 .bg-hype-css, #stacks_in_879 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_879 .bg-hype-css, #stacks_in_879 .bg-hype-css path, #stacks_in_879 .bg-hype-move-img { } #stacks_in_879 .shape-top { } #stacks_in_879 .shape-bottom { } /* shift stripes */ #stacks_in_879 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_879 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_879 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_879 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_879 .shape-top path, #stacks_in_879 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_879 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* slice */ #stacks_in_879 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_879 .inner-slice-vertical-main { display:table; width: 100%; height: 50vh; min-height: 320px; } @media (max-width: 800px) { #stacks_in_879 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_879 .inner-slice-vertical-main { } } #stacks_in_879 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_879 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 600px; 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_879 .inner-slice-content, #stacks_in_879 .inner-slice-content p, #stacks_in_879 .inner-slice-content span, #stacks_in_879 .inner-slice-content [class*="fa fa-"], #stacks_in_879 .inner-slice-content h1, #stacks_in_879 .inner-slice-content h2, #stacks_in_879 .inner-slice-content h3, #stacks_in_879 .inner-slice-content h4, #stacks_in_879 .inner-slice-content h5, #stacks_in_879 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_879 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_879 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_879 .inner-slice-content a:link, #stacks_in_879 .inner-slice-content a { } #stacks_in_879 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_879 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_879 .inner-slice-content a:hover { } #stacks_in_879 .inner-slice-content { } /* button */ #stacks_in_879 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; 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_879 .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: #F4F4F4 !important; } #stacks_in_879 .scrollButton-element [class^="fa fa-"], #stacks_in_879 .scrollButton-element #stacks_in_879 [class*="fa fa-"] { color: #F4F4F4 !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_879 .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_879 .scrollButton-element { display: none !important; } #stacks_in_879 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_879 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_879 .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_879 .bg-grid { } #stacks_in_879 .bg-grad { } #stacks_in_879 .bg-hype-shading-box { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%) !important; background-image: none !important; background: none !important; } #stacks_in_879 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_879 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_879 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_877_reviews_google_out * {box-sizing: border-box;}#stacks_in_877_reviews_title{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0px;padding:0px}#stacks_in_877_reviews_title .reviews_prerating,#stacks_in_877_reviews_title .reviews_postrating{margin:auto 0}#stacks_in_877_reviews_title p{color:#000000;margin-bottom:0;line-height:1.3;font-family:inherit; }#stacks_in_877_reviews_title .reviews_stars{margin:auto 0 0 0}#stacks_in_877_reviews_title .reviews_stars .star{color:rgba(214, 214, 214, 1.00);}#stacks_in_877_reviews_title .reviews_stars .star:nth-child(-n+4){color:rgba(251, 188, 5, 1.00);}#stacks_in_877_reviews_title .title_stars{display:inline-block;unicode-bidi:bidi-override;color:rgba(214, 214, 214, 1.00);width:auto;margin:auto 8px;position:relative;padding:0}#stacks_in_877_reviews_title .title_stars-upper{color:rgba(251, 188, 5, 1.00);padding:0;position:absolute;z-index:1;display:flex;top:0;left:0;overflow:hidden}#stacks_in_877_reviews_title .title_stars-lower{padding:0;display:flex;z-index:0}#stacks_in_877_reviews_google.review_out{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-around;}@media only screen and (max-width:600px){#stacks_in_877_reviews_google_out{margin:0px;padding:8px;}#stacks_in_877_reviews_title p{font-size:1.00rem}#stacks_in_877_reviews_title .reviews_stars .star{font-size:1.20rem}#stacks_in_877_reviews_title .title_stars{font-size:1.20rem}#stacks_in_877_reviews_google.sm-up-1 .review{width:100%} #stacks_in_877_reviews_google .review{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_in{padding:8px}#stacks_in_877_reviews_google .review_author{font-size:1.00rem}#stacks_in_877_reviews_google .review_rtd{font-size:0.80rem}#stacks_in_877_reviews_google .review_rating{font-size:1.20rem}#stacks_in_877_reviews_google .review_text{font-size:1.00rem}#stacks_in_877_reviews_google .review_circle{width:45px;height:45px}#stacks_in_877_reviews_google .slider_gutter{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_speech-arrow{left:45px}}@media only screen and (max-width:992px) and (min-width:600px){#stacks_in_877_reviews_google_out{margin:0px; padding:8px; }#stacks_in_877_reviews_title p{font-size:1.00rem}#stacks_in_877_reviews_title .reviews_stars .star{font-size:1.20rem}#stacks_in_877_reviews_title .title_stars{font-size:1.20rem} #stacks_in_877_reviews_google.md-up-2 .review{width:50%} #stacks_in_877_reviews_google .review{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_in{padding:8px}#stacks_in_877_reviews_google .review_author{font-size:1.10rem}#stacks_in_877_reviews_google .review_rtd{font-size:0.80rem}#stacks_in_877_reviews_google .review_rating{font-size:1.20rem}#stacks_in_877_reviews_google .review_text{font-size:1.00rem}#stacks_in_877_reviews_google .review_circle{width:50px;height:50px}#stacks_in_877_reviews_google .slider_gutter{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_speech-arrow{left:50px}}@media only screen and (max-width:1200px) and (min-width:992px){#stacks_in_877_reviews_google_out{margin:0px;padding:8px;}#stacks_in_877_reviews_title p{font-size:1.00rem}#stacks_in_877_reviews_title .reviews_stars .star{font-size:1.40rem}#stacks_in_877_reviews_title .title_stars{font-size:1.40rem} #stacks_in_877_reviews_google.lg-up-3 .review{width:33.33333%} #stacks_in_877_reviews_google .review{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_in{padding:8px}#stacks_in_877_reviews_google .review_author{font-size:1.20rem}#stacks_in_877_reviews_google .review_rtd{font-size:0.90rem}#stacks_in_877_reviews_google .review_rating{font-size:1.40rem}#stacks_in_877_reviews_google .review_text{font-size:1.00rem}#stacks_in_877_reviews_google .review_circle{width:55px;height:55px}#stacks_in_877_reviews_google .slider_gutter{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_speech-arrow{left:55px}}@media only screen and (min-width:1200px){#stacks_in_877_reviews_google_out{margin:0px;padding:8px;}#stacks_in_877_reviews_title p{font-size:1.00rem}#stacks_in_877_reviews_title .reviews_stars .star{font-size:1.40rem}#stacks_in_877_reviews_title .title_stars{font-size:1.40rem} #stacks_in_877_reviews_google.xlg-up-3 .review{width:33.33333%} #stacks_in_877_reviews_google .review{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_in{padding:8px}#stacks_in_877_reviews_google .review_author{font-size:1.20rem}#stacks_in_877_reviews_google .review_rtd{font-size:0.90rem}#stacks_in_877_reviews_google .review_rating{font-size:1.40rem}#stacks_in_877_reviews_google .review_text{font-size:1.00rem}#stacks_in_877_reviews_google .review_circle{width:60px;height:60px}#stacks_in_877_reviews_google .slider_gutter{padding:calc(16px/2)}#stacks_in_877_reviews_google .review_speech-arrow{left:60px}}#stacks_in_877_reviews_google .review_in{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-content:stretch;background:rgba(239, 239, 239, 1.00); border:0px solid #A7A7A7;-webkit-border-radius:8px;border-radius:8px; -webkit-box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20);box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20); height:100%;}#stacks_in_877_reviews_google .review_author,#stacks_in_877_reviews_google .review_rtd,#stacks_in_877_reviews_google .review_text{font-family:inherit; }#stacks_in_877_reviews_google .review_author{margin:0px; padding:0px;font-weight:bold;color:#008CBA;}#stacks_in_877_reviews_google .review_rtd{margin:0px;padding:0px;color:#6C6C6C;}#stacks_in_877_reviews_google .review_rating{margin:0px; padding:0px;}#stacks_in_877_reviews_google .review_rating>span.star{color:rgba(214, 214, 214, 1.00);}#stacks_in_877_reviews_google .review_rating>span.star:nth-child(-n+4){color:rgba(251, 188, 5, 1.00);}#stacks_in_877_reviews_google .review_text{margin:0px;padding:0px;line-height:1.3;color:#000000;text-align:left;}#stacks_in_877_reviews_google .review_image{display:inline-block;vertical-align:middle;margin:0px; padding:0px;}#stacks_in_877_reviews_google .review_info{display:inline-block;vertical-align:middle;margin-left:8px;}.review_circle{-webkit-border-radius:50%;border-radius:50%;}.review_author a{text-decoration:none;color:#008CBA}#stacks_in_877_reviews_google .review_spotlight{text-align:center;}#stacks_in_877_reviews_google .review_spotlight>.review_text{flex-grow:1;text-align:center; }#stacks_in_877_reviews_google .review_spotlight>.review_info{align-self:flex-end;width:100%}#stacks_in_877_reviews_google .review_spotlight .review_image{align-self:center;transform:translateX(12px)}#stacks_in_877_reviews_google .review_speech{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-content:stretch; height:100%;}#stacks_in_877_reviews_google .review_speech-upper{flex-grow:1;width:100%;background:rgba(239, 239, 239, 1.00);padding:8px; border:0px solid #A7A7A7;-webkit-border-radius:8px;border-radius:8px; -webkit-box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20);box-shadow:4px 4px 6px rgba(0, 0, 0, 0.20);}#stacks_in_877_reviews_google .review_speech-lower{align-self:flex-end;width:100%;}#stacks_in_877_reviews_google .review_speech-arrow{border-right:calc(24px + 0px) solid transparent; border-top:24px solid rgba(239, 239, 239, 1.00);bottom:0; position:relative;width:0;height:0;line-height:1.1;}#stacks_in_877_reviews_google .review_speech-arrow::before{}#stacks_in_877_reviews_google .review_speech-arrow::after{}.review_google_icon{display:flex;float:right;width:24px;height:24px;border-radius:50% 50%;transition:background-color .3s ease;}.review_google_icon:hover{background-color:rgba(200,200,200,.3);content:'';}.review_google_icon-icon{display:block;width:12px;height:12px;left:6px;top:6px;position:relative;} /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_883 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_883 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_883_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_883 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_883 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 20vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_883 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_883 .vertical-19 { } } #stacks_in_883 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_883 .hype_line_19 { display: none !important; } } @media (min-width: 768px) { #stacks_in_883 .hype_line_1col { } #stacks_in_883 .hype_line_1col { } #stacks_in_883 .hype_line_2col_l { } #stacks_in_883 .hype_line_2col_r { } #stacks_in_883 .hype_line_2col_long_r_to_c { } #stacks_in_883 .hype_line_2col_long_l_to_c { } #stacks_in_883 .hype_line_2col_long_r_to_c { } #stacks_in_883 .hype_line_2col_long_l_to_c { } #stacks_in_883 .hype_line_2col_long_r { } #stacks_in_883 .hype_line_2col_long_l { } #stacks_in_883 .hype_line_2col_l, #stacks_in_883 .hype_line_2col_r { } #stacks_in_883 .hype_line_3col_l, #stacks_in_883 .hype_line_3col_r { } #stacks_in_883 .hype_line_3col_c { } #stacks_in_883 .hype_line_3col_inv_l, #stacks_in_883 .hype_line_3col_inv_r { display: block !important; } #stacks_in_883 .hype_line_3col_inv_c { display: block !important; } } @media (max-width: 768px) { #stacks_in_883 .hype_resp-oneline { display: block !important; } } #stacks_in_883 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- End EACH CSS Template -- */ #stacks_in_881 *{ box-sizing: border-box !important; } #stacks_in_881 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1800px !important; } #stacks_in_881 .bg-hype-color-css { background-color: rgba(233, 232, 232, 1.00) !important; } #stacks_in_881 .bg-hype-css, #stacks_in_881 .bg-hype-css path { background-size: cover !important; background-image: url(../files/internal_bg_pic_5.jpg) !important; background-position: 50% 50% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_881 .bg-hype-css, #stacks_in_881 .bg-hype-css path { background-attachment: scroll; } } /* 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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .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_881 .bg-hype-css, #stacks_in_881 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_881 .bg-hype-css, #stacks_in_881 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_881 .bg-hype-css, #stacks_in_881 .bg-hype-css path, #stacks_in_881 .bg-hype-move-img { } #stacks_in_881 .shape-top { } #stacks_in_881 .shape-bottom { } /* shift stripes */ #stacks_in_881 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_881 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_881 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_881 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_881 .shape-top path, #stacks_in_881 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_881 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* slice */ #stacks_in_881 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_881 .inner-slice-vertical-main { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_881 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_881 .inner-slice-vertical-main { } } #stacks_in_881 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_881 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 600px; 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_881 .inner-slice-content, #stacks_in_881 .inner-slice-content p, #stacks_in_881 .inner-slice-content span, #stacks_in_881 .inner-slice-content [class*="fa fa-"], #stacks_in_881 .inner-slice-content h1, #stacks_in_881 .inner-slice-content h2, #stacks_in_881 .inner-slice-content h3, #stacks_in_881 .inner-slice-content h4, #stacks_in_881 .inner-slice-content h5, #stacks_in_881 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_881 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_881 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_881 .inner-slice-content a:link, #stacks_in_881 .inner-slice-content a { } #stacks_in_881 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_881 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_881 .inner-slice-content a:hover { } #stacks_in_881 .inner-slice-content { } /* button */ #stacks_in_881 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; 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_881 .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: #F4F4F4 !important; } #stacks_in_881 .scrollButton-element [class^="fa fa-"], #stacks_in_881 .scrollButton-element #stacks_in_881 [class*="fa fa-"] { color: #F4F4F4 !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_881 .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_881 .scrollButton-element { display: none !important; } #stacks_in_881 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_881 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_881 .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_881 .bg-grid { } #stacks_in_881 .bg-grad { } #stacks_in_881 .bg-hype-shading-box { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%) !important; background-image: none !important; background: none !important; } #stacks_in_881 .bgscale-trigger { opacity: 0.7; top: 100px !important; } #stacks_in_881 .shading-trigger { opacity: 0.7; top: 100px !important; } #stacks_in_881 .top-trigger { opacity: 0.7; top: 100px !important; } /* -- End EACH CSS Template end -- */#stacks_in_868>.s3_row { margin: 0 -10px; } #stacks_in_868>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_868>.s3_row { margin: -10px -10px; } #stacks_in_868>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_868>.s3_row { margin: -10px 0; } #stacks_in_868>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_868 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_854 { background-color: rgba(255, 255, 255, 1.00); padding: 2px; } #stacks_in_338 { background-color: rgba(255, 255, 255, 1.00); padding: 2px; } #stacks_in_810 { background-color: rgba(255, 255, 255, 1.00); padding: 2px; } #stacks_in_853>.s3_row { margin: 0 -10px; } #stacks_in_853>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_853>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_853>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_853>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_853>.s3_row { margin: -10px 0; } #stacks_in_853>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_853 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_857 { padding: 2px; } #stacks_in_820 { background-color: rgba(255, 255, 255, 1.00); padding: 2px; }