/* -- End EACH CSS Template -- */ #stacks_in_25414 *{ box-sizing: border-box !important; } #stacks_in_25414 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_25414 .bg-hype-color-css { background-color: rgba(22, 39, 52, 1.00) !important; } #stacks_in_25414 .bg-hype-css, #stacks_in_25414 .bg-hype-css path { background-size: cover !important; background-image: url(https://images.unsplash.com/photo-1563514227147-6d2ff665a6a0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDYwfHx3aW5lfGVufDB8fHx8MTYzMzc0MjM4Nw&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 50% 45% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .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_25414 .bg-hype-css, #stacks_in_25414 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_25414 .bg-hype-css, #stacks_in_25414 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_25414 .bg-hype-css, #stacks_in_25414 .bg-hype-css path, #stacks_in_25414 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_25414 .shape-top { } #stacks_in_25414 .shape-bottom { } /* shift stripes */ #stacks_in_25414 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25414 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_25414 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25414 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_25414 .shape-top path, #stacks_in_25414 .shape-bottom path { stroke-style: solid !important; fill: rgba(20, 20, 20, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } #stacks_in_25414 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } /* slice */ #stacks_in_25414 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_25414 .inner-slice-vertical-main { display:table; width: 100%; height: 100vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_25414 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_25414 .inner-slice-vertical-main { } } #stacks_in_25414 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_25414 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 135px; margin-bottom: 135px; max-width: 1100px; padding: 0px !important; background: linear-gradient(45deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.72) 100%) !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25414 .inner-slice-content, #stacks_in_25414 .inner-slice-content p, #stacks_in_25414 .inner-slice-content span, #stacks_in_25414 .inner-slice-content [class*="fa fa-"], #stacks_in_25414 .inner-slice-content h1, #stacks_in_25414 .inner-slice-content h2, #stacks_in_25414 .inner-slice-content h3, #stacks_in_25414 .inner-slice-content h4, #stacks_in_25414 .inner-slice-content h5, #stacks_in_25414 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#313131 !important; } #stacks_in_25414 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_25414 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_25414 .inner-slice-content a:link, #stacks_in_25414 .inner-slice-content a { color:#1297DF !important; } #stacks_in_25414 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_25414 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_25414 .inner-slice-content a:hover { color:#2E5B7A !important; } #stacks_in_25414 .inner-slice-content { } /* button */ #stacks_in_25414 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 7%; 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: 0; 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_25414 .scrollButton-element a { font-size: 90px !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: #FFFFFF !important; } #stacks_in_25414 .scrollButton-element [class^="fa fa-"], #stacks_in_25414 .scrollButton-element #stacks_in_25414 [class*="fa fa-"] { color: #FFFFFF !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_25414 .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_25414 .scrollButton-element { display: none !important; } #stacks_in_25414 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_25414 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_25414 .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_25414 .bg-grid { } #stacks_in_25414 .bg-grad { } #stacks_in_25414 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.41))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: -moz-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); } #stacks_in_25414 .bgscale-trigger { opacity: 0.7; top: 0vh !important; opacity: 0.0; } #stacks_in_25414 .shading-trigger { opacity: 0.7; top: 0vh !important; } #stacks_in_25414 .top-trigger { opacity: 0.7; top: 5vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_25415>.s3_row { margin: 0 -0px; } #stacks_in_25415>.s3_row>.s3_column_left { width: 58.32%; } #stacks_in_25415>.s3_row>.s3_column_right { width: 41.680000%; } #stacks_in_25415>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_25415>.s3_row { margin: -0px 0; } #stacks_in_25415>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25415>.s3_row { margin: -0px 0; } #stacks_in_25415>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_25417 { padding: 20px; } #stacks_in_25595 { margin: 20px 0px 0px 0px; } #stacks_out_25595 { width: 120px; margin-right:0; } /* -- End EACH CSS Template -- */ #stacks_in_25427 *{ box-sizing: border-box !important; } #stacks_in_25427 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_25427 .bg-hype-color-css { background-color: rgba(22, 39, 52, 1.00) !important; } #stacks_in_25427 .bg-hype-css, #stacks_in_25427 .bg-hype-css path { background-size: cover !important; background-image: url(https://images.unsplash.com/photo-1558565851-10a41b286adb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDIwMHx8d2luZXxlbnwwfHx8fDE2MzM3NDMyNTQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 50% 45% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .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_25427 .bg-hype-css, #stacks_in_25427 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_25427 .bg-hype-css, #stacks_in_25427 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_25427 .bg-hype-css, #stacks_in_25427 .bg-hype-css path, #stacks_in_25427 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_25427 .shape-top { } #stacks_in_25427 .shape-bottom { } /* shift stripes */ #stacks_in_25427 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25427 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_25427 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25427 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_25427 .shape-top path, #stacks_in_25427 .shape-bottom path { stroke-style: solid !important; fill: rgba(20, 20, 20, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } #stacks_in_25427 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } /* slice */ #stacks_in_25427 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_25427 .inner-slice-vertical-main { display:table; width: 100%; height: 100vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_25427 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_25427 .inner-slice-vertical-main { } } #stacks_in_25427 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_25427 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 135px; margin-bottom: 135px; max-width: 1100px; padding: 30px !important; background: linear-gradient(45deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.66) 55%) !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25427 .inner-slice-content, #stacks_in_25427 .inner-slice-content p, #stacks_in_25427 .inner-slice-content span, #stacks_in_25427 .inner-slice-content [class*="fa fa-"], #stacks_in_25427 .inner-slice-content h1, #stacks_in_25427 .inner-slice-content h2, #stacks_in_25427 .inner-slice-content h3, #stacks_in_25427 .inner-slice-content h4, #stacks_in_25427 .inner-slice-content h5, #stacks_in_25427 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#313131 !important; } #stacks_in_25427 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_25427 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_25427 .inner-slice-content a:link, #stacks_in_25427 .inner-slice-content a { color:#1297DF !important; } #stacks_in_25427 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_25427 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_25427 .inner-slice-content a:hover { color:#2E5B7A !important; } #stacks_in_25427 .inner-slice-content { } /* button */ #stacks_in_25427 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 7%; 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: 0; 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_25427 .scrollButton-element a { font-size: 90px !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: #FFFFFF !important; } #stacks_in_25427 .scrollButton-element [class^="fa fa-"], #stacks_in_25427 .scrollButton-element #stacks_in_25427 [class*="fa fa-"] { color: #FFFFFF !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_25427 .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_25427 .scrollButton-element { display: none !important; } #stacks_in_25427 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_25427 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_25427 .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_25427 .bg-grid { } #stacks_in_25427 .bg-grad { background: linear-gradient(180deg, rgba(158, 149, 142, 0.00) 69%, rgba(158, 149, 142, 0.53) 100%); } #stacks_in_25427 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.41))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: -moz-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); } #stacks_in_25427 .bgscale-trigger { opacity: 0.7; top: 30vh !important; opacity: 0.0; } #stacks_in_25427 .shading-trigger { opacity: 0.7; top: 30vh !important; } #stacks_in_25427 .top-trigger { opacity: 0.7; top: 30vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_25438>.s3_row { margin: 0 -13px; } #stacks_in_25438>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25438>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25438>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25438>.s3_row { margin: -13px 0; } #stacks_in_25438>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25438>.s3_row { margin: -13px 0; } #stacks_in_25438>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25444 { padding: 0px 0px 28px 0px; } #stacks_in_25492>.s3_row { margin: 0 -10px; } #stacks_in_25492>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_25492>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_25492>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_25492>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25474>.s3_row { margin: 0 -13px; } #stacks_in_25474>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25474>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25474>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25474>.s3_row { margin: -13px 0; } #stacks_in_25474>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25474>.s3_row { margin: -13px 0; } #stacks_in_25474>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25474 { padding: 16px 0px 0px 0px; } #stacks_in_25549 .r_maxwidth { display: block; margin-left: auto; margin-right: auto; float: none; max-width: 1145px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*Custom CSS;*/ } @media screen and (max-width: 1200px) { #stacks_in_25549 .r_maxwidth { }} @media screen and (max-width: 720px) { #stacks_in_25549 .r_maxwidth { }} @media screen and (max-width: 90px) { #stacks_in_25549 .r_maxwidth { }} #stacks_in_25550>.s3_row { margin: 0 -13px; } #stacks_in_25550>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25550>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25550>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25550>.s3_row { margin: -13px 0; } #stacks_in_25550>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25550>.s3_row { margin: -13px 0; } #stacks_in_25550>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25550 { padding: 16px 20px 0px 20px; } /* -- End EACH CSS Template -- */ #stacks_in_25498 *{ box-sizing: border-box !important; } #stacks_in_25498 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_25498 .bg-hype-color-css { background-color: rgba(22, 39, 52, 1.00) !important; } #stacks_in_25498 .bg-hype-css, #stacks_in_25498 .bg-hype-css path { background-size: cover !important; background-image: url(https://images.unsplash.com/photo-1493112360111-f1490417763f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDJ8fHdpbmUlMjBib290bGV8ZW58MHx8fHwxNjMzNzQ2MjQ0&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 50% 45% !important; opacity: 0.8; } @media screen and (min-width: 800px) { #stacks_in_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .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_25498 .bg-hype-css, #stacks_in_25498 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_25498 .bg-hype-css, #stacks_in_25498 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_25498 .bg-hype-css, #stacks_in_25498 .bg-hype-css path, #stacks_in_25498 .bg-hype-move-img { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; } #stacks_in_25498 .shape-top { } #stacks_in_25498 .shape-bottom { } /* shift stripes */ #stacks_in_25498 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25498 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_25498 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_25498 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_25498 .shape-top path, #stacks_in_25498 .shape-bottom path { stroke-style: solid !important; fill: rgba(20, 20, 20, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } #stacks_in_25498 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 5%; } /* slice */ #stacks_in_25498 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_25498 .inner-slice-vertical-main { display:table; width: 100%; height: 80vh; min-height: 350px; } @media (max-width: 800px) { #stacks_in_25498 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_25498 .inner-slice-vertical-main { } } #stacks_in_25498 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_25498 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 135px; margin-bottom: 135px; max-width: 1100px; padding: 30px !important; background: linear-gradient(45deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.66) 55%) !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.25); } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25498 .inner-slice-content, #stacks_in_25498 .inner-slice-content p, #stacks_in_25498 .inner-slice-content span, #stacks_in_25498 .inner-slice-content [class*="fa fa-"], #stacks_in_25498 .inner-slice-content h1, #stacks_in_25498 .inner-slice-content h2, #stacks_in_25498 .inner-slice-content h3, #stacks_in_25498 .inner-slice-content h4, #stacks_in_25498 .inner-slice-content h5, #stacks_in_25498 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#313131 !important; } #stacks_in_25498 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_25498 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_25498 .inner-slice-content a:link, #stacks_in_25498 .inner-slice-content a { color:#1297DF !important; } #stacks_in_25498 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_25498 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_25498 .inner-slice-content a:hover { color:#2E5B7A !important; } #stacks_in_25498 .inner-slice-content { } /* button */ #stacks_in_25498 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 7%; 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: 0; 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_25498 .scrollButton-element a { font-size: 90px !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: #FFFFFF !important; } #stacks_in_25498 .scrollButton-element [class^="fa fa-"], #stacks_in_25498 .scrollButton-element #stacks_in_25498 [class*="fa fa-"] { color: #FFFFFF !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_25498 .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_25498 .scrollButton-element { display: none !important; } #stacks_in_25498 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_25498 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_25498 .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_25498 .bg-grid { } #stacks_in_25498 .bg-grad { background: linear-gradient(0deg, rgba(158, 149, 142, 0.00) 51%, rgba(158, 149, 142, 0.53) 100%); } #stacks_in_25498 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.41))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: -moz-radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.41)); } #stacks_in_25498 .bgscale-trigger { opacity: 0.7; top: 30vh !important; opacity: 0.0; } #stacks_in_25498 .shading-trigger { opacity: 0.7; top: 30vh !important; } #stacks_in_25498 .top-trigger { opacity: 0.7; top: 30vh !important; } /* -- End EACH CSS Template end -- */#stacks_in_25313>.s3_row { margin: 0 -10px; } #stacks_in_25313>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25313>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25313>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_25313>.s3_row { margin: -10px 0; } #stacks_in_25313>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_25531>.s3_row { margin: 0 -6px; } #stacks_in_25531>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25531>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25531>.s3_row>.s3_column { padding: 0 6px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25531 { padding: 10px 0px 0px 0px; } #stacks_in_25524>.s3_row { margin: 0 -13px; } #stacks_in_25524>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25524>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25524>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25524>.s3_row { margin: -13px 0; } #stacks_in_25524>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25524>.s3_row { margin: -13px 0; } #stacks_in_25524>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25524 { padding: 16px 0px 0px 0px; } #stacks_in_25253 .r_maxwidth { display: block; margin-left: auto; margin-right: auto; float: none; max-width: 1145px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*Custom CSS;*/ } @media screen and (max-width: 1200px) { #stacks_in_25253 .r_maxwidth { }} @media screen and (max-width: 720px) { #stacks_in_25253 .r_maxwidth { }} @media screen and (max-width: 90px) { #stacks_in_25253 .r_maxwidth { }} #stacks_in_25588>.s3_row { margin: 0 -13px; } #stacks_in_25588>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25588>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25588>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25588>.s3_row { margin: -13px 0; } #stacks_in_25588>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25588>.s3_row { margin: -13px 0; } #stacks_in_25588>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25588 { padding: 16px 20px 0px 20px; } #stacks_in_25559>.s3_row { margin: 0 -13px; } #stacks_in_25559>.s3_row>.s3_column_left { width: 61.52%; } #stacks_in_25559>.s3_row>.s3_column_right { width: 38.480000%; } #stacks_in_25559>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25559>.s3_row { margin: -13px 0; } #stacks_in_25559>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25559>.s3_row { margin: -13px 0; } #stacks_in_25559>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25559 { padding: 16px 0px 0px 0px; } #stacks_in_25570>.s3_row { margin: 0 -0px; } #stacks_in_25570>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25570>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25570>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25575 { padding: 20px; } #stacks_in_25572 { padding: 20px; } #stacks_in_25406 { border: solid rgba(255, 255, 255, 1.00); border-width: 0px 0px 0px 2px; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 20px; }