/* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25230 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25230_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_25230 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25230 .hype_bgs-2 { background-image: url(https://images.unsplash.com/photo-1599447292325-2cffaa79bcbb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDExNXx8eW9nYXxlbnwwfHx8fDE2MzI4NTkxNjY&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 50% 50% !important; background-size: cover !important; opacity: 100 !important; } @media screen and (max-width: 600px) { #stacks_in_25230 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25230 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(https://images.unsplash.com/photo-1524230572899-a752b3835840?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDExM3x8eW9nYXxlbnwwfHx8fDE2MzI4NTkxNjY&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25230 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { 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_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { 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_25230 .hype_bgs-1 , #stacks_in_25230 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25230 .hype_bgs-1 { } #stacks_in_25230 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25230 .hype_bgs-1grad { background: linear-gradient(0deg, rgba(138, 187, 239, 0.37) 26%, rgba(197, 213, 255, 1.00) 100%) !important; } /* STRIPES */ #stacks_in_25230 .hype-bg-ext-a, #stacks_in_25230 .hype-bg-ext-b { background: linear-gradient(15deg, rgba(84, 62, 82, 0.00) 54%, rgba(84, 62, 82, 0.59) 95%) !important; } #stacks_in_25230 .hype-bg-ext-b { } #stacks_in_25230 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25230 .inner_slice_content { text-align: left; pointer-events: auto; padding: 20px; background-color: rgba(168, 88, 119, 1.00) !important; background: linear-gradient(35deg, rgba(164, 86, 116, 0.73) 0%, rgba(93, 69, 78, 0.67) 100%) !important; } @media (max-width: 780px) { #stacks_in_25230 .inner_slice_content { } } #stacks_in_25230 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 350px; min-width: 200px; z-index: 2; position: relative; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; margin-right: 0px; right: 0%; } @media (max-width: 780px) { #stacks_in_25230 .inner_slice { margin-left: auto; margin-right: auto; left: auto; right: auto; } margin: auto !important; right: auto !important; } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25230 .inner_slice_content, #stacks_in_25230 .inner_slice_content p, #stacks_in_25230 .inner_slice_content span, #stacks_in_25230 .inner_slice_content [class*="fa fa-"], #stacks_in_25230 .inner_slice_content h1, #stacks_in_25230 .inner_slice_content h2, #stacks_in_25230 .inner_slice_content h3, #stacks_in_25230 .inner_slice_content h4, #stacks_in_25230 .inner_slice_content h5, #stacks_in_25230 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_25230 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25230 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25230 .inner_slice_content a:link, #stacks_in_25230 .inner_slice_content a { color: #A45674 !important; } #stacks_in_25230 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25230 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25230 .inner_slice_content a:hover { color: #FFFFFF !important; } #stacks_in_25230 .inner_slice_content, #stacks_in_25230 .inner_slice_content p, #stacks_in_25230 .inner_slice_content span, #stacks_in_25230 .inner_slice_content [class*="fa fa-"], #stacks_in_25230 .inner_slice_content h1, #stacks_in_25230 .inner_slice_content h2, #stacks_in_25230 .inner_slice_content h3, #stacks_in_25230 .inner_slice_content h4, #stacks_in_25230 .inner_slice_content h5, #stacks_in_25230 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25230 .inner_slice_content, #stacks_in_25230 .inner_slice_content p, #stacks_in_25230 .inner_slice_content span, #stacks_in_25230 .inner_slice_content [class*="fa fa-"], #stacks_in_25230 .inner_slice_content h1, #stacks_in_25230 .inner_slice_content h2, #stacks_in_25230 .inner_slice_content h3, #stacks_in_25230 .inner_slice_content h4, #stacks_in_25230 .inner_slice_content h5, #stacks_in_25230 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25230 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 100vh; } @media (max-width: 800px) { #stacks_in_25230 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25230 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_25230 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 10px !important; margin-bottom: 10px; } #stacks_in_25230 .scrollButton-element [class^="fa fa-"], #stacks_in_25230 .scrollButton-element #stacks_in_25230 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_25230 .scrollButton-txt { box-sizing: border-box; font-size: 13px; line-height: 1.2em; letter-spacing: 6px; text-indent: 0px !important; margin-right: auto; margin-top: 20px; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_25230 .scrollButton-element [class^="fa fa-"], #stacks_in_25230 .scrollButton-element #stacks_in_25230 [class*="fa fa-"], #stacks_in_25230 .scrollButton-element:after, #stacks_in_25230 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25230 .scrollButton-element [class^="fa fa-"], #stacks_in_25230 .scrollButton-element #stacks_in_25230 [class*="fa fa-"] { } #stacks_in_25230 .scrollButton-txt:hover, #stacks_in_25230 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25230 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25230 .scrollButton-txt:active, #stacks_in_25230 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_25230 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25230 .hype-link-hover-group, #stacks_in_25230 .hype-link-hover, #stacks_in_25230 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_25230 .hype-link-hover { cursor: pointer !important; } #stacks_in_25230 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25230 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 5vh !important; opacity: 1.0 !important; } #stacks_in_25230 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25230 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_25231 { padding: 9px 0px 11px 0px; } #stacks_in_25236 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px 0px 0px 0px; padding: 10px 0px 0px 0px; } /* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25323 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25323_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_25323 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25323 .hype_bgs-2 { background: linear-gradient(0deg, rgba(119, 87, 111, 0.56) 60%, rgba(37, 56, 76, 0.81) 60%) !important; opacity: 100 !important; } @media screen and (max-width: 600px) { #stacks_in_25323 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25323 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(https://images.unsplash.com/photo-1599447332412-6bc6830c815a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDkyfHx5b2dhfGVufDB8fHx8MTYzMjg1OTE2NQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 0.7 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25323 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { 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_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { 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_25323 .hype_bgs-1 , #stacks_in_25323 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25323 .hype_bgs-1 { } #stacks_in_25323 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25323 .hype_bgs-1grad { background: linear-gradient(0deg, rgba(0, 0, 0, 0.37) 60%, rgba(19, 27, 35, 0.51) 60%) !important; } /* STRIPES */ #stacks_in_25323 .hype-bg-ext-a, #stacks_in_25323 .hype-bg-ext-b { background: linear-gradient(140deg, rgba(84, 62, 82, 0.00) 54%, rgba(164, 86, 116, 0.36) 95%) !important; } #stacks_in_25323 .hype-bg-ext-b { } #stacks_in_25323 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25323 .inner_slice_content { text-align: left; pointer-events: auto; padding: 20px; background-color: rgba(255, 255, 255, 1.00) !important; } @media (max-width: 780px) { #stacks_in_25323 .inner_slice_content { } } #stacks_in_25323 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 1200px; min-width: 200px; z-index: 2; position: relative; -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; } @media (max-width: 780px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25323 .inner_slice_content, #stacks_in_25323 .inner_slice_content p, #stacks_in_25323 .inner_slice_content span, #stacks_in_25323 .inner_slice_content [class*="fa fa-"], #stacks_in_25323 .inner_slice_content h1, #stacks_in_25323 .inner_slice_content h2, #stacks_in_25323 .inner_slice_content h3, #stacks_in_25323 .inner_slice_content h4, #stacks_in_25323 .inner_slice_content h5, #stacks_in_25323 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #414141 !important; } #stacks_in_25323 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25323 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25323 .inner_slice_content a:link, #stacks_in_25323 .inner_slice_content a { color: #A45674 !important; } #stacks_in_25323 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25323 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25323 .inner_slice_content a:hover { color: #325F9B !important; } #stacks_in_25323 .inner_slice_content, #stacks_in_25323 .inner_slice_content p, #stacks_in_25323 .inner_slice_content span, #stacks_in_25323 .inner_slice_content [class*="fa fa-"], #stacks_in_25323 .inner_slice_content h1, #stacks_in_25323 .inner_slice_content h2, #stacks_in_25323 .inner_slice_content h3, #stacks_in_25323 .inner_slice_content h4, #stacks_in_25323 .inner_slice_content h5, #stacks_in_25323 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25323 .inner_slice_content, #stacks_in_25323 .inner_slice_content p, #stacks_in_25323 .inner_slice_content span, #stacks_in_25323 .inner_slice_content [class*="fa fa-"], #stacks_in_25323 .inner_slice_content h1, #stacks_in_25323 .inner_slice_content h2, #stacks_in_25323 .inner_slice_content h3, #stacks_in_25323 .inner_slice_content h4, #stacks_in_25323 .inner_slice_content h5, #stacks_in_25323 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25323 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 100vh; } @media (max-width: 800px) { #stacks_in_25323 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25323 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_25323 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 10px !important; margin-bottom: 10px; } #stacks_in_25323 .scrollButton-element [class^="fa fa-"], #stacks_in_25323 .scrollButton-element #stacks_in_25323 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_25323 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-top: 26px; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_25323 .scrollButton-element [class^="fa fa-"], #stacks_in_25323 .scrollButton-element #stacks_in_25323 [class*="fa fa-"], #stacks_in_25323 .scrollButton-element:after, #stacks_in_25323 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25323 .scrollButton-element [class^="fa fa-"], #stacks_in_25323 .scrollButton-element #stacks_in_25323 [class*="fa fa-"] { } #stacks_in_25323 .scrollButton-txt:hover, #stacks_in_25323 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25323 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25323 .scrollButton-txt:active, #stacks_in_25323 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_25323 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25323 .hype-link-hover-group, #stacks_in_25323 .hype-link-hover, #stacks_in_25323 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_25323 .hype-link-hover { cursor: pointer !important; } #stacks_in_25323 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25323 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_25323 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25323 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */#stacks_in_25324>.s3_row { margin: 0 -13px; } #stacks_in_25324>.s3_row>.s3_column_left { width: 44.00%; } #stacks_in_25324>.s3_row>.s3_column_right { width: 56.000000%; } #stacks_in_25324>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25324>.s3_row { margin: -13px 0; } #stacks_in_25324>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25324>.s3_row { margin: -13px 0; } #stacks_in_25324>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25357 { border: solid rgba(255, 255, 255, 1.00); border-width: 6px; } #stacks_out_25326 { width: 165px; margin-right:0; } #stacks_in_25329 { padding: 9px 0px 11px 0px; } #stacks_in_25331 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px 0px 0px 0px; padding: 10px 0px 0px 0px; } #stacks_in_25322>.s3_row { margin: 0 -0px; } #stacks_in_25322>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_25322>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_25322>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_25322>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25322 { padding: 20px 0px 15px 0px; } #stacks_in_25349>.s3_row { margin: 0 -0px; } #stacks_in_25349>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25349>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25349>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25354 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_25351 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_25341>.s3_row { margin: 0 -0px; } #stacks_in_25341>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25341>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25341>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25346 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_25343 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_25333>.s3_row { margin: 0 -0px; } #stacks_in_25333>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25333>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25333>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_25338 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_25335 { background-color: rgba(255, 255, 255, 1.00); } /* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25366 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25366_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_25366 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25366 .hype_bgs-2 { background-image: url(https://images.unsplash.com/photo-1599447332712-112c3d0cefb4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDIwNXx8eW9nYXxlbnwwfHx8fDE2MzI4NjY5NjQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 25% 50% !important; background-size: cover !important; opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25366 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25366 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(https://images.unsplash.com/photo-1524230572899-a752b3835840?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDExM3x8eW9nYXxlbnwwfHx8fDE2MzI4NTkxNjY&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25366 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { 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_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { 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_25366 .hype_bgs-1 , #stacks_in_25366 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25366 .hype_bgs-1 { } #stacks_in_25366 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25366 .hype_bgs-1grad { background: linear-gradient(0deg, rgba(138, 187, 239, 0.37) 0%, rgba(197, 213, 255, 1.00) 100%) !important; } /* STRIPES */ #stacks_in_25366 .hype-bg-ext-a, #stacks_in_25366 .hype-bg-ext-b { background: linear-gradient(40deg, rgba(84, 62, 82, 0.00) 54%, rgba(38, 58, 83, 0.50) 95%) !important; } #stacks_in_25366 .hype-bg-ext-b { display: none !important; } #stacks_in_25366 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25366 .inner_slice_content { text-align: left; pointer-events: auto; padding-top: 5vh; padding-bottom: 5vh; padding-left: 5vw; padding-right: 5vw; background-color: rgba(255, 255, 255, 0.42) !important; box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.19); background: linear-gradient(45deg, rgba(229, 229, 229, 0.62) 0%, rgba(255, 255, 255, 0.57) 82%) !important; } @media (max-width: 780px) { #stacks_in_25366 .inner_slice_content { } } #stacks_in_25366 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 1200px; min-width: 200px; z-index: 2; position: relative; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; } @media (max-width: 780px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25366 .inner_slice_content, #stacks_in_25366 .inner_slice_content p, #stacks_in_25366 .inner_slice_content span, #stacks_in_25366 .inner_slice_content [class*="fa fa-"], #stacks_in_25366 .inner_slice_content h1, #stacks_in_25366 .inner_slice_content h2, #stacks_in_25366 .inner_slice_content h3, #stacks_in_25366 .inner_slice_content h4, #stacks_in_25366 .inner_slice_content h5, #stacks_in_25366 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #000000 !important; } #stacks_in_25366 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25366 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25366 .inner_slice_content a:link, #stacks_in_25366 .inner_slice_content a { color: #325F9B !important; } #stacks_in_25366 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25366 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25366 .inner_slice_content a:hover { color: #1E3657 !important; } #stacks_in_25366 .inner_slice_content, #stacks_in_25366 .inner_slice_content p, #stacks_in_25366 .inner_slice_content span, #stacks_in_25366 .inner_slice_content [class*="fa fa-"], #stacks_in_25366 .inner_slice_content h1, #stacks_in_25366 .inner_slice_content h2, #stacks_in_25366 .inner_slice_content h3, #stacks_in_25366 .inner_slice_content h4, #stacks_in_25366 .inner_slice_content h5, #stacks_in_25366 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25366 .inner_slice_content, #stacks_in_25366 .inner_slice_content p, #stacks_in_25366 .inner_slice_content span, #stacks_in_25366 .inner_slice_content [class*="fa fa-"], #stacks_in_25366 .inner_slice_content h1, #stacks_in_25366 .inner_slice_content h2, #stacks_in_25366 .inner_slice_content h3, #stacks_in_25366 .inner_slice_content h4, #stacks_in_25366 .inner_slice_content h5, #stacks_in_25366 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25366 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 100vh; } @media (max-width: 800px) { #stacks_in_25366 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25366 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_25366 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 10px !important; margin-bottom: 10px; } #stacks_in_25366 .scrollButton-element [class^="fa fa-"], #stacks_in_25366 .scrollButton-element #stacks_in_25366 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_25366 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-top: 26px; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_25366 .scrollButton-element [class^="fa fa-"], #stacks_in_25366 .scrollButton-element #stacks_in_25366 [class*="fa fa-"], #stacks_in_25366 .scrollButton-element:after, #stacks_in_25366 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25366 .scrollButton-element [class^="fa fa-"], #stacks_in_25366 .scrollButton-element #stacks_in_25366 [class*="fa fa-"] { } #stacks_in_25366 .scrollButton-txt:hover, #stacks_in_25366 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25366 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25366 .scrollButton-txt:active, #stacks_in_25366 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_25366 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25366 .hype-link-hover-group, #stacks_in_25366 .hype-link-hover, #stacks_in_25366 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_25366 .hype-link-hover { cursor: pointer !important; } #stacks_in_25366 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25366 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 45vh !important; opacity: 1.0 !important; } #stacks_in_25366 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25366 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */#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) { } /* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25394 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25394_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_25394 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25394 .hype_bgs-2 { background-image: -webkit-gradient(radial, 50% 40%,0,50% 40%,200, from(rgba(166, 92, 138, 0.01)), to(rgba(53, 66, 91, 0.81))) !important; background-image: -webkit-radial-gradient(50% 40%, rgba(166, 92, 138, 0.01), rgba(53, 66, 91, 0.81)) !important; background-image: -moz-radial-gradient(50% 40%, rgba(166, 92, 138, 0.01), rgba(53, 66, 91, 0.81)) !important; background-image: radial-gradient(50% 40%, rgba(166, 92, 138, 0.01), rgba(53, 66, 91, 0.81)) !important; opacity: 100 !important; } @media screen and (max-width: 600px) { #stacks_in_25394 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25394 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(https://images.unsplash.com/photo-1599447333777-a1a168ef94f7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDIyNHx8eW9nYXxlbnwwfHx8fDE2MzI4NjcwNDA&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25394 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { 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_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { 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_25394 .hype_bgs-1 , #stacks_in_25394 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25394 .hype_bgs-1 { } #stacks_in_25394 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25394 .hype_bgs-1grad { background: linear-gradient(40deg, rgba(56, 67, 82, 1.00) 0%, rgba(174, 95, 145, 0.64) 87%) !important; } /* STRIPES */ #stacks_in_25394 .hype-bg-ext-a, #stacks_in_25394 .hype-bg-ext-b { background: linear-gradient(40deg, rgba(84, 62, 82, 0.00) 54%, rgba(38, 58, 83, 0.50) 95%) !important; } #stacks_in_25394 .hype-bg-ext-b { display: none !important; } #stacks_in_25394 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25394 .inner_slice_content { text-align: left; pointer-events: auto; padding-top: 5vh; padding-bottom: 5vh; padding-left: 5vw; padding-right: 5vw; } @media (max-width: 780px) { #stacks_in_25394 .inner_slice_content { } } #stacks_in_25394 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 1200px; min-width: 200px; z-index: 2; position: relative; -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; } @media (max-width: 780px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25394 .inner_slice_content, #stacks_in_25394 .inner_slice_content p, #stacks_in_25394 .inner_slice_content span, #stacks_in_25394 .inner_slice_content [class*="fa fa-"], #stacks_in_25394 .inner_slice_content h1, #stacks_in_25394 .inner_slice_content h2, #stacks_in_25394 .inner_slice_content h3, #stacks_in_25394 .inner_slice_content h4, #stacks_in_25394 .inner_slice_content h5, #stacks_in_25394 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_25394 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25394 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25394 .inner_slice_content a:link, #stacks_in_25394 .inner_slice_content a { color: #325F9B !important; } #stacks_in_25394 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25394 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25394 .inner_slice_content a:hover { color: #FFFFFF !important; } #stacks_in_25394 .inner_slice_content, #stacks_in_25394 .inner_slice_content p, #stacks_in_25394 .inner_slice_content span, #stacks_in_25394 .inner_slice_content [class*="fa fa-"], #stacks_in_25394 .inner_slice_content h1, #stacks_in_25394 .inner_slice_content h2, #stacks_in_25394 .inner_slice_content h3, #stacks_in_25394 .inner_slice_content h4, #stacks_in_25394 .inner_slice_content h5, #stacks_in_25394 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25394 .inner_slice_content, #stacks_in_25394 .inner_slice_content p, #stacks_in_25394 .inner_slice_content span, #stacks_in_25394 .inner_slice_content [class*="fa fa-"], #stacks_in_25394 .inner_slice_content h1, #stacks_in_25394 .inner_slice_content h2, #stacks_in_25394 .inner_slice_content h3, #stacks_in_25394 .inner_slice_content h4, #stacks_in_25394 .inner_slice_content h5, #stacks_in_25394 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25394 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_25394 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25394 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_25394 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 1px !important; margin-bottom: 10px; } #stacks_in_25394 .scrollButton-element [class^="fa fa-"], #stacks_in_25394 .scrollButton-element #stacks_in_25394 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_25394 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-top: 22px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_25394 .scrollButton-element [class^="fa fa-"], #stacks_in_25394 .scrollButton-element #stacks_in_25394 [class*="fa fa-"], #stacks_in_25394 .scrollButton-element:after, #stacks_in_25394 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25394 .scrollButton-element [class^="fa fa-"], #stacks_in_25394 .scrollButton-element #stacks_in_25394 [class*="fa fa-"] { } #stacks_in_25394 .scrollButton-txt:hover, #stacks_in_25394 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25394 .scrollButton-element a { font-size: 88px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25394 .scrollButton-txt:active, #stacks_in_25394 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_25394 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25394 .hype-link-hover-group, #stacks_in_25394 .hype-link-hover, #stacks_in_25394 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_25394 .hype-link-hover { cursor: pointer !important; } #stacks_in_25394 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25394 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_25394 .trigger-2-fade { opacity: 0.5 !important; margin-top: 50vh !important; opacity: 1.0 !important; } #stacks_in_25394 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */#stacks_in_25395>.s3_row { margin: 0 -13px; } #stacks_in_25395>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25395>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25395>.s3_row>.s3_column { padding: 0 13px; } @media only screen and (max-width: 770px) { #stacks_in_25395>.s3_row { margin: -13px 0; } #stacks_in_25395>.s3_row>.s3_column { padding: 13px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_25395>.s3_row { margin: -13px 0; } #stacks_in_25395>.s3_row>.s3_column { padding: 13px 0; width:100%; } } #stacks_in_25400 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px 0px 0px 0px; padding: 15px 0px 0px 0px; } #stacks_in_25397 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px 0px 0px 0px; padding: 15px 0px 0px 0px; } /* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25403 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25403_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_25403 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25403 .hype_bgs-2 { background-image: url(https://images.unsplash.com/photo-1599447292180-45fd84092ef0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDg0fHx5b2dhfGVufDB8fHx8MTYzMjg1OTEzOA&ixlib=rb-1.2.1&q=80&w=1080) !important; background-position: 50% 40% !important; background-size: cover !important; opacity: 0.9 !important; } @media screen and (max-width: 600px) { #stacks_in_25403 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25403 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(https://images.unsplash.com/photo-1524230572899-a752b3835840?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDExM3x8eW9nYXxlbnwwfHx8fDE2MzI4NTkxNjY&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 0.6 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25403 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { 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_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { 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_25403 .hype_bgs-1 , #stacks_in_25403 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25403 .hype_bgs-1 { } #stacks_in_25403 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25403 .hype_bgs-1grad { background: linear-gradient(0deg, rgba(119, 87, 111, 0.39) 0%, rgba(52, 66, 82, 0.51) 100%) !important; } /* STRIPES */ #stacks_in_25403 .hype-bg-ext-a, #stacks_in_25403 .hype-bg-ext-b { background: linear-gradient(120deg, rgba(84, 62, 82, 0.00) 24%, rgba(119, 87, 111, 0.39) 95%) !important; } #stacks_in_25403 .hype-bg-ext-b { display: none !important; } #stacks_in_25403 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25403 .inner_slice_content { text-align: left; pointer-events: auto; padding-top: 5vh; padding-bottom: 5vh; padding-left: 5vw; padding-right: 5vw; background-color: rgba(255, 255, 255, 0.50) !important; box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.19); } @media (max-width: 780px) { #stacks_in_25403 .inner_slice_content { } } #stacks_in_25403 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 520px; min-width: 200px; z-index: 2; position: relative; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; } @media (max-width: 780px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25403 .inner_slice_content, #stacks_in_25403 .inner_slice_content p, #stacks_in_25403 .inner_slice_content span, #stacks_in_25403 .inner_slice_content [class*="fa fa-"], #stacks_in_25403 .inner_slice_content h1, #stacks_in_25403 .inner_slice_content h2, #stacks_in_25403 .inner_slice_content h3, #stacks_in_25403 .inner_slice_content h4, #stacks_in_25403 .inner_slice_content h5, #stacks_in_25403 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #181818 !important; } #stacks_in_25403 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25403 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25403 .inner_slice_content a:link, #stacks_in_25403 .inner_slice_content a { color: #A16282 !important; } #stacks_in_25403 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25403 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25403 .inner_slice_content a:hover { color: #5E444A !important; } #stacks_in_25403 .inner_slice_content, #stacks_in_25403 .inner_slice_content p, #stacks_in_25403 .inner_slice_content span, #stacks_in_25403 .inner_slice_content [class*="fa fa-"], #stacks_in_25403 .inner_slice_content h1, #stacks_in_25403 .inner_slice_content h2, #stacks_in_25403 .inner_slice_content h3, #stacks_in_25403 .inner_slice_content h4, #stacks_in_25403 .inner_slice_content h5, #stacks_in_25403 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25403 .inner_slice_content, #stacks_in_25403 .inner_slice_content p, #stacks_in_25403 .inner_slice_content span, #stacks_in_25403 .inner_slice_content [class*="fa fa-"], #stacks_in_25403 .inner_slice_content h1, #stacks_in_25403 .inner_slice_content h2, #stacks_in_25403 .inner_slice_content h3, #stacks_in_25403 .inner_slice_content h4, #stacks_in_25403 .inner_slice_content h5, #stacks_in_25403 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25403 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_25403 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25403 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_25403 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 1px !important; margin-bottom: 10px; } #stacks_in_25403 .scrollButton-element [class^="fa fa-"], #stacks_in_25403 .scrollButton-element #stacks_in_25403 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_25403 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-top: 22px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_25403 .scrollButton-element [class^="fa fa-"], #stacks_in_25403 .scrollButton-element #stacks_in_25403 [class*="fa fa-"], #stacks_in_25403 .scrollButton-element:after, #stacks_in_25403 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25403 .scrollButton-element [class^="fa fa-"], #stacks_in_25403 .scrollButton-element #stacks_in_25403 [class*="fa fa-"] { } #stacks_in_25403 .scrollButton-txt:hover, #stacks_in_25403 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25403 .scrollButton-element a { font-size: 88px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25403 .scrollButton-txt:active, #stacks_in_25403 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_25403 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25403 .hype-link-hover-group, #stacks_in_25403 .hype-link-hover, #stacks_in_25403 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_25403 .hype-link-hover { cursor: pointer !important; } #stacks_in_25403 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25403 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 45vh !important; opacity: 1.0 !important; } #stacks_in_25403 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25403 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_25406 { border: solid rgba(255, 255, 255, 1.00); border-width: 0px 0px 0px 2px; padding: 9px 0px 11px 15px; } #stacks_in_25253 .r_maxwidth { display: block; margin-left: auto; margin-right: auto; float: none; max-width: 1100px; 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 { display:block; width: 100%; width: auto; !important; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*Custom CSS;*/ }} #stacks_in_25412 { margin: 90px 0px 0px 0px; } #stacks_out_25412 { width: 250px; } #stacks_in_25249 { padding: 60px 20px 60px 20px; }