#stacks_in_2 { background-color: rgba(255, 255, 255, 1.00); } /* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25257 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25257_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25257 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25257 .hype_bgs-2 { /* bgs-2 */ background-image: url(../files/bg_image2-25257.png) !important; background-position: 50% 50% !important; background-size: cover !important; opacity: 1 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25257 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25257 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25257 .hype_bgs-1 , #stacks_in_25257 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ 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; /* bgs-2 */ background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 0.95 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25257 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25257 .hype_bgs-1 , #stacks_in_25257 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25257 .hype_bgs-1 , #stacks_in_25257 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25257 .hype_bgs-1 , #stacks_in_25257 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25257 .hype_bgs-1 , #stacks_in_25257 .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_25257 .hype_bgs-1 , #stacks_in_25257 .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_25257 .hype_bgs-1 , #stacks_in_25257 .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_25257 .hype_bgs-1 , #stacks_in_25257 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25257 .hype_bgs-1 { } #stacks_in_25257 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25257 .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_25257 .hype-bg-ext-a, #stacks_in_25257 .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_25257 .hype-bg-ext-b { } #stacks_in_25257 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25257 .inner_slice_content { text-align: left; pointer-events: auto; padding: 20px; background-color: rgba(172, 148, 120, 1.00) !important; background: linear-gradient(35deg, rgba(140, 141, 106, 1.00) 0%, rgba(93, 69, 78, 0.67) 100%) !important; } @media (max-width: 780px) { #stacks_in_25257 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25257 .inner_slice { margin: auto; pointer-events: none; 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_25257 .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_25257 .inner_slice_content, #stacks_in_25257 .inner_slice_content p, #stacks_in_25257 .inner_slice_content span, #stacks_in_25257 .inner_slice_content [class*="fa fa-"], #stacks_in_25257 .inner_slice_content h1, #stacks_in_25257 .inner_slice_content h2, #stacks_in_25257 .inner_slice_content h3, #stacks_in_25257 .inner_slice_content h4, #stacks_in_25257 .inner_slice_content h5, #stacks_in_25257 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_25257 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25257 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25257 .inner_slice_content a:link, #stacks_in_25257 .inner_slice_content a { color: #A45674 !important; } #stacks_in_25257 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25257 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25257 .inner_slice_content a:hover { color: #FFFFFF !important; } #stacks_in_25257 .inner_slice_content, #stacks_in_25257 .inner_slice_content p, #stacks_in_25257 .inner_slice_content span, #stacks_in_25257 .inner_slice_content [class*="fa fa-"], #stacks_in_25257 .inner_slice_content h1, #stacks_in_25257 .inner_slice_content h2, #stacks_in_25257 .inner_slice_content h3, #stacks_in_25257 .inner_slice_content h4, #stacks_in_25257 .inner_slice_content h5, #stacks_in_25257 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25257 .inner_slice_content, #stacks_in_25257 .inner_slice_content p, #stacks_in_25257 .inner_slice_content span, #stacks_in_25257 .inner_slice_content [class*="fa fa-"], #stacks_in_25257 .inner_slice_content h1, #stacks_in_25257 .inner_slice_content h2, #stacks_in_25257 .inner_slice_content h3, #stacks_in_25257 .inner_slice_content h4, #stacks_in_25257 .inner_slice_content h5, #stacks_in_25257 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25257 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 90vh; } @media (max-width: 800px) { #stacks_in_25257 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25257 .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_25257 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25257 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 0px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 26px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; } @media only screen and (max-width: 651px) { #stacks_in_25257 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25257 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25257 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25257 .scrollButton-element [class^="fa fa-"], #stacks_in_25257 .scrollButton-element #stacks_in_25257 [class*="fa fa-"], #stacks_in_25257 .scrollButton-element:after, #stacks_in_25257 .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_25257 .scrollButton-element [class^="fa fa-"], #stacks_in_25257 .scrollButton-element #stacks_in_25257 [class*="fa fa-"] { } #stacks_in_25257 .scrollButton-txt:hover, #stacks_in_25257 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25257 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25257 .scrollButton-txt:active, #stacks_in_25257 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25257 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25257 .hype-link-hover-group, #stacks_in_25257 .hype-link-hover, #stacks_in_25257 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25257 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25257 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25257 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 5vh !important; opacity: 1.0 !important; } #stacks_in_25257 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25257 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_25259 { padding: 9px 0px 11px 0px; } #stacks_in_25262 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px 0px 0px 0px; padding: 10px 0px 0px 0px; } /* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25264 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25264_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25264 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25264 .hype_bgs-2 { /* bgs-2 */ background: linear-gradient(0deg, rgba(175, 160, 134, 0.17) 60%, rgba(251, 252, 255, 0.09) 60%) !important; opacity: 0.7 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25264 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25264 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25264 .hype_bgs-1 , #stacks_in_25264 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: url(../files/stack_bg_image-25264.png) !important; /* bgs-2 */ background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 0.75 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25264 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25264 .hype_bgs-1 , #stacks_in_25264 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25264 .hype_bgs-1 , #stacks_in_25264 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25264 .hype_bgs-1 , #stacks_in_25264 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25264 .hype_bgs-1 , #stacks_in_25264 .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_25264 .hype_bgs-1 , #stacks_in_25264 .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_25264 .hype_bgs-1 , #stacks_in_25264 .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_25264 .hype_bgs-1 , #stacks_in_25264 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25264 .hype_bgs-1 { } #stacks_in_25264 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25264 .hype_bgs-1grad { background: linear-gradient(0deg, rgba(10, 10, 10, 0.27) 60%, rgba(19, 27, 35, 0.06) 60%) !important; } /* STRIPES */ #stacks_in_25264 .hype-bg-ext-a, #stacks_in_25264 .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_25264 .hype-bg-ext-b { } #stacks_in_25264 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25264 .inner_slice_content { text-align: left; pointer-events: auto; padding: 20px; } @media (max-width: 780px) { #stacks_in_25264 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25264 .inner_slice { margin: auto; pointer-events: none; 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_25264 .inner_slice_content, #stacks_in_25264 .inner_slice_content p, #stacks_in_25264 .inner_slice_content span, #stacks_in_25264 .inner_slice_content [class*="fa fa-"], #stacks_in_25264 .inner_slice_content h1, #stacks_in_25264 .inner_slice_content h2, #stacks_in_25264 .inner_slice_content h3, #stacks_in_25264 .inner_slice_content h4, #stacks_in_25264 .inner_slice_content h5, #stacks_in_25264 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #414141 !important; } #stacks_in_25264 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25264 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25264 .inner_slice_content a:link, #stacks_in_25264 .inner_slice_content a { color: #A45674 !important; } #stacks_in_25264 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25264 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25264 .inner_slice_content a:hover { color: #325F9B !important; } #stacks_in_25264 .inner_slice_content, #stacks_in_25264 .inner_slice_content p, #stacks_in_25264 .inner_slice_content span, #stacks_in_25264 .inner_slice_content [class*="fa fa-"], #stacks_in_25264 .inner_slice_content h1, #stacks_in_25264 .inner_slice_content h2, #stacks_in_25264 .inner_slice_content h3, #stacks_in_25264 .inner_slice_content h4, #stacks_in_25264 .inner_slice_content h5, #stacks_in_25264 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25264 .inner_slice_content, #stacks_in_25264 .inner_slice_content p, #stacks_in_25264 .inner_slice_content span, #stacks_in_25264 .inner_slice_content [class*="fa fa-"], #stacks_in_25264 .inner_slice_content h1, #stacks_in_25264 .inner_slice_content h2, #stacks_in_25264 .inner_slice_content h3, #stacks_in_25264 .inner_slice_content h4, #stacks_in_25264 .inner_slice_content h5, #stacks_in_25264 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25264 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 100vh; } @media (max-width: 800px) { #stacks_in_25264 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25264 .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_25264 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25264 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 26px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; } @media only screen and (max-width: 651px) { #stacks_in_25264 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25264 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25264 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25264 .scrollButton-element [class^="fa fa-"], #stacks_in_25264 .scrollButton-element #stacks_in_25264 [class*="fa fa-"], #stacks_in_25264 .scrollButton-element:after, #stacks_in_25264 .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_25264 .scrollButton-element [class^="fa fa-"], #stacks_in_25264 .scrollButton-element #stacks_in_25264 [class*="fa fa-"] { } #stacks_in_25264 .scrollButton-txt:hover, #stacks_in_25264 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25264 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25264 .scrollButton-txt:active, #stacks_in_25264 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25264 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25264 .hype-link-hover-group, #stacks_in_25264 .hype-link-hover, #stacks_in_25264 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25264 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25264 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25264 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_25264 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25264 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25301 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25301_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25301 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25301 .hype_bgs-2 { /* bgs-2 */ background-image: -webkit-gradient(radial, 50% 40%,0,50% 40%,200, from(rgba(69, 48, 29, 0.85)), to(rgba(189, 186, 179, 1.00))) !important; background-image: -webkit-radial-gradient(50% 40%, rgba(69, 48, 29, 0.85), rgba(189, 186, 179, 1.00)) !important; background-image: -moz-radial-gradient(50% 40%, rgba(69, 48, 29, 0.85), rgba(189, 186, 179, 1.00)) !important; background-image: radial-gradient(50% 40%, rgba(69, 48, 29, 0.85), rgba(189, 186, 179, 1.00)) !important; opacity: 1 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25301 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25301 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25301 .hype_bgs-1 , #stacks_in_25301 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: url(../files/stack_bg_image-25301.png) !important; /* bgs-2 */ background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25301 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25301 .hype_bgs-1 , #stacks_in_25301 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25301 .hype_bgs-1 , #stacks_in_25301 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25301 .hype_bgs-1 , #stacks_in_25301 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25301 .hype_bgs-1 , #stacks_in_25301 .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_25301 .hype_bgs-1 , #stacks_in_25301 .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_25301 .hype_bgs-1 , #stacks_in_25301 .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_25301 .hype_bgs-1 , #stacks_in_25301 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25301 .hype_bgs-1 { } #stacks_in_25301 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25301 .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_25301 .hype-bg-ext-a, #stacks_in_25301 .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_25301 .hype-bg-ext-b { display: none !important; } #stacks_in_25301 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25301 .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); -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.19); background: linear-gradient(45deg, rgba(229, 229, 229, 0.59) 0%, rgba(255, 255, 255, 0.53) 82%) !important; } @media (max-width: 780px) { #stacks_in_25301 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25301 .inner_slice { margin: auto; pointer-events: none; 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_25301 .inner_slice_content, #stacks_in_25301 .inner_slice_content p, #stacks_in_25301 .inner_slice_content span, #stacks_in_25301 .inner_slice_content [class*="fa fa-"], #stacks_in_25301 .inner_slice_content h1, #stacks_in_25301 .inner_slice_content h2, #stacks_in_25301 .inner_slice_content h3, #stacks_in_25301 .inner_slice_content h4, #stacks_in_25301 .inner_slice_content h5, #stacks_in_25301 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #000000 !important; } #stacks_in_25301 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25301 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25301 .inner_slice_content a:link, #stacks_in_25301 .inner_slice_content a { color: #325F9B !important; } #stacks_in_25301 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25301 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25301 .inner_slice_content a:hover { color: #1E3657 !important; } #stacks_in_25301 .inner_slice_content, #stacks_in_25301 .inner_slice_content p, #stacks_in_25301 .inner_slice_content span, #stacks_in_25301 .inner_slice_content [class*="fa fa-"], #stacks_in_25301 .inner_slice_content h1, #stacks_in_25301 .inner_slice_content h2, #stacks_in_25301 .inner_slice_content h3, #stacks_in_25301 .inner_slice_content h4, #stacks_in_25301 .inner_slice_content h5, #stacks_in_25301 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25301 .inner_slice_content, #stacks_in_25301 .inner_slice_content p, #stacks_in_25301 .inner_slice_content span, #stacks_in_25301 .inner_slice_content [class*="fa fa-"], #stacks_in_25301 .inner_slice_content h1, #stacks_in_25301 .inner_slice_content h2, #stacks_in_25301 .inner_slice_content h3, #stacks_in_25301 .inner_slice_content h4, #stacks_in_25301 .inner_slice_content h5, #stacks_in_25301 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25301 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 100vh; } @media (max-width: 800px) { #stacks_in_25301 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25301 .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_25301 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25301 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 26px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; } @media only screen and (max-width: 651px) { #stacks_in_25301 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25301 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25301 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25301 .scrollButton-element [class^="fa fa-"], #stacks_in_25301 .scrollButton-element #stacks_in_25301 [class*="fa fa-"], #stacks_in_25301 .scrollButton-element:after, #stacks_in_25301 .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_25301 .scrollButton-element [class^="fa fa-"], #stacks_in_25301 .scrollButton-element #stacks_in_25301 [class*="fa fa-"] { } #stacks_in_25301 .scrollButton-txt:hover, #stacks_in_25301 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25301 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25301 .scrollButton-txt:active, #stacks_in_25301 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25301 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25301 .hype-link-hover-group, #stacks_in_25301 .hype-link-hover, #stacks_in_25301 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25301 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25301 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25301 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 45vh !important; opacity: 1.0 !important; } #stacks_in_25301 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25301 .trigger-2-stripe { opacity: 0.5 !important; margin-top: 60vh !important; opacity: 1.0 !important; } /* -- End EACH CSS Template -- */#stacks_in_25302>.s3_row { margin: 0 -10px; } #stacks_in_25302>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_25302>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_25302>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_25302>.s3_row { margin: -10px 0; } #stacks_in_25302>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_25433 { text-align: left; padding: 0.25rem 0.25rem; } #stacks_in_25433 a { display: inline-block; background: rgba(157, 113, 75, 1.00); background-image: -webkit-linear-gradient(top, rgba(157, 113, 75, 1.00), rgba(151, 215, 207, 1.00)); background-image: -moz-linear-gradient(top, rgba(157, 113, 75, 1.00), rgba(151, 215, 207, 1.00)); background-image: -ms-linear-gradient(top, rgba(157, 113, 75, 1.00), rgba(151, 215, 207, 1.00)); background-image: -o-linear-gradient(top, rgba(157, 113, 75, 1.00), rgba(151, 215, 207, 1.00)); background-image: linear-gradient(to bottom, rgba(157, 113, 75, 1.00), rgba(151, 215, 207, 1.00)); border-radius: 2rem; font-family: inherit; line-height: 1.2; letter-spacing: 0px; color: rgba(255, 255, 255, 1.00); font-size: 1.25rem; padding: 0.5rem 2rem; text-decoration: none; outline: 0; /* Misc. text formating */ /* No text shadow */ /* No box shadow */ /* No border */ } #stacks_in_25433 a:hover { color: rgba(255, 255, 255, 1.00); background: rgba(25, 65, 56, 1.00); background-image: -webkit-linear-gradient(top, rgba(25, 65, 56, 1.00), rgba(210, 189, 101, 1.00)); background-image: -moz-linear-gradient(top, rgba(25, 65, 56, 1.00), rgba(210, 189, 101, 1.00)); background-image: -ms-linear-gradient(top, rgba(25, 65, 56, 1.00), rgba(210, 189, 101, 1.00)); background-image: -o-linear-gradient(top, rgba(25, 65, 56, 1.00), rgba(210, 189, 101, 1.00)); background-image: linear-gradient(to bottom, rgba(25, 65, 56, 1.00), rgba(210, 189, 101, 1.00)); text-decoration: none; /* Misc. text formating */ /* No border */ } #stacks_in_25433 a:active { color: rgba(255, 255, 255, 1.00); background: rgba(134, 98, 65, 1.00); background-image: -webkit-linear-gradient(top, rgba(134, 98, 65, 1.00), rgba(127, 163, 116, 1.00)); background-image: -moz-linear-gradient(top, rgba(134, 98, 65, 1.00), rgba(127, 163, 116, 1.00)); background-image: -ms-linear-gradient(top, rgba(134, 98, 65, 1.00), rgba(127, 163, 116, 1.00)); background-image: -o-linear-gradient(top, rgba(25, 65, 56, 1.00), rgba(127, 163, 116, 1.00)); background-image: linear-gradient(to bottom, rgba(134, 98, 65, 1.00), rgba(127, 163, 116, 1.00)); text-decoration: none; /* Misc. text formatting */ /* No border */ } #stacks_in_25433 a:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.50); } #stacks_in_25304 { background-color: rgba(204, 204, 204, 1.00); } /* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25310 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25310_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25310 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25310 .hype_bgs-2 { /* bgs-2 */ background-image: -webkit-gradient(radial, 0% 70%,0,0% 70%,200, from(rgba(93, 77, 61, 0.72)), to(rgba(208, 192, 165, 1.00))) !important; background-image: -webkit-radial-gradient(0% 70%, rgba(93, 77, 61, 0.72), rgba(208, 192, 165, 1.00)) !important; background-image: -moz-radial-gradient(0% 70%, rgba(93, 77, 61, 0.72), rgba(208, 192, 165, 1.00)) !important; background-image: radial-gradient(0% 70%, rgba(93, 77, 61, 0.72), rgba(208, 192, 165, 1.00)) !important; opacity: 0.07 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25310 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25310 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25310 .hype_bgs-1 , #stacks_in_25310 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: url(../files/stack_bg_image-25310.png) !important; /* bgs-2 */ background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25310 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25310 .hype_bgs-1 , #stacks_in_25310 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25310 .hype_bgs-1 , #stacks_in_25310 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25310 .hype_bgs-1 , #stacks_in_25310 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25310 .hype_bgs-1 , #stacks_in_25310 .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_25310 .hype_bgs-1 , #stacks_in_25310 .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_25310 .hype_bgs-1 , #stacks_in_25310 .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_25310 .hype_bgs-1 , #stacks_in_25310 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25310 .hype_bgs-1 { } #stacks_in_25310 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25310 .hype_bgs-1grad { } /* STRIPES */ #stacks_in_25310 .hype-bg-ext-a, #stacks_in_25310 .hype-bg-ext-b { background: linear-gradient(40deg, rgba(233, 218, 158, 0.21) 0%, rgba(187, 184, 175, 0.75) 100%) !important;} #stacks_in_25310 .hype-bg-ext-b { display: none !important; } #stacks_in_25310 .hype-bg-ext-box { display: block !important; } /* SLICE */ /*overflow: auto;*/ #stacks_in_25310 .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_25310 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25310 .inner_slice { margin: auto; pointer-events: none; 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_25310 .inner_slice_content, #stacks_in_25310 .inner_slice_content p, #stacks_in_25310 .inner_slice_content span, #stacks_in_25310 .inner_slice_content [class*="fa fa-"], #stacks_in_25310 .inner_slice_content h1, #stacks_in_25310 .inner_slice_content h2, #stacks_in_25310 .inner_slice_content h3, #stacks_in_25310 .inner_slice_content h4, #stacks_in_25310 .inner_slice_content h5, #stacks_in_25310 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #0F0F0F !important; } #stacks_in_25310 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25310 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25310 .inner_slice_content a:link, #stacks_in_25310 .inner_slice_content a { color: #325F9B !important; } #stacks_in_25310 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25310 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25310 .inner_slice_content a:hover { color: #FFFFFF !important; } #stacks_in_25310 .inner_slice_content, #stacks_in_25310 .inner_slice_content p, #stacks_in_25310 .inner_slice_content span, #stacks_in_25310 .inner_slice_content [class*="fa fa-"], #stacks_in_25310 .inner_slice_content h1, #stacks_in_25310 .inner_slice_content h2, #stacks_in_25310 .inner_slice_content h3, #stacks_in_25310 .inner_slice_content h4, #stacks_in_25310 .inner_slice_content h5, #stacks_in_25310 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 780px) { #stacks_in_25310 .inner_slice_content, #stacks_in_25310 .inner_slice_content p, #stacks_in_25310 .inner_slice_content span, #stacks_in_25310 .inner_slice_content [class*="fa fa-"], #stacks_in_25310 .inner_slice_content h1, #stacks_in_25310 .inner_slice_content h2, #stacks_in_25310 .inner_slice_content h3, #stacks_in_25310 .inner_slice_content h4, #stacks_in_25310 .inner_slice_content h5, #stacks_in_25310 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25310 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_25310 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25310 .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_25310 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 1%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25310 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 22px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; } @media only screen and (max-width: 651px) { #stacks_in_25310 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25310 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25310 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25310 .scrollButton-element [class^="fa fa-"], #stacks_in_25310 .scrollButton-element #stacks_in_25310 [class*="fa fa-"], #stacks_in_25310 .scrollButton-element:after, #stacks_in_25310 .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_25310 .scrollButton-element [class^="fa fa-"], #stacks_in_25310 .scrollButton-element #stacks_in_25310 [class*="fa fa-"] { } #stacks_in_25310 .scrollButton-txt:hover, #stacks_in_25310 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25310 .scrollButton-element a { font-size: 88px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25310 .scrollButton-txt:active, #stacks_in_25310 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25310 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25310 .hype-link-hover-group, #stacks_in_25310 .hype-link-hover, #stacks_in_25310 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25310 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25310 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25310 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_25310 .trigger-2-fade { opacity: 0.5 !important; margin-top: 50vh !important; opacity: 1.0 !important; } #stacks_in_25310 .trigger-2-stripe { opacity: 0.5 !important; margin-top: 50vh !important; opacity: 1.0 !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25319 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25319_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25319 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25319 .hype_bgs-2 { /* bgs-2 */ background-image: -webkit-gradient(radial, 50% 40%,0,50% 40%,200, from(rgba(106, 90, 73, 0.60)), to(rgba(190, 185, 176, 1.00))) !important; background-image: -webkit-radial-gradient(50% 40%, rgba(106, 90, 73, 0.60), rgba(190, 185, 176, 1.00)) !important; background-image: -moz-radial-gradient(50% 40%, rgba(106, 90, 73, 0.60), rgba(190, 185, 176, 1.00)) !important; background-image: radial-gradient(50% 40%, rgba(106, 90, 73, 0.60), rgba(190, 185, 176, 1.00)) !important; opacity: 0.3 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25319 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25319 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25319 .hype_bgs-1 , #stacks_in_25319 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: url(../files/stack_bg_image-25319.png) !important; /* bgs-2 */ background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25319 .hype_bgs-1-hover-link { opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_25319 .hype_bgs-1 , #stacks_in_25319 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25319 .hype_bgs-1 , #stacks_in_25319 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25319 .hype_bgs-1 , #stacks_in_25319 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_25319 .hype_bgs-1 , #stacks_in_25319 .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_25319 .hype_bgs-1 , #stacks_in_25319 .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_25319 .hype_bgs-1 , #stacks_in_25319 .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_25319 .hype_bgs-1 , #stacks_in_25319 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25319 .hype_bgs-1 { } #stacks_in_25319 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25319 .hype_bgs-1grad { background: linear-gradient(70deg, rgba(136, 123, 108, 1.00) 0%, rgba(156, 146, 133, 1.00) 100%) !important; } /* STRIPES */ #stacks_in_25319 .hype-bg-ext-a, #stacks_in_25319 .hype-bg-ext-b { background: linear-gradient(120deg, rgba(84, 62, 82, 0.00) 24%, rgba(116, 106, 94, 1.00) 95%) !important;} #stacks_in_25319 .hype-bg-ext-b { display: none !important; } #stacks_in_25319 .hype-bg-ext-box { display: block !important; } /* SLICE */ /*overflow: auto;*/ #stacks_in_25319 .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.23) !important; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.19); } @media (max-width: 750px) { #stacks_in_25319 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25319 .inner_slice { margin: auto; pointer-events: none; max-width: 520px; min-width: 200px; z-index: 2; position: relative; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); -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-left: 0px; left: 5%; } @media (max-width: 750px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25319 .inner_slice_content, #stacks_in_25319 .inner_slice_content p, #stacks_in_25319 .inner_slice_content span, #stacks_in_25319 .inner_slice_content [class*="fa fa-"], #stacks_in_25319 .inner_slice_content h1, #stacks_in_25319 .inner_slice_content h2, #stacks_in_25319 .inner_slice_content h3, #stacks_in_25319 .inner_slice_content h4, #stacks_in_25319 .inner_slice_content h5, #stacks_in_25319 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #181818 !important; } #stacks_in_25319 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25319 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25319 .inner_slice_content a:link, #stacks_in_25319 .inner_slice_content a { color: #3A2E1C !important; } #stacks_in_25319 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25319 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25319 .inner_slice_content a:hover { color: #5E444A !important; } #stacks_in_25319 .inner_slice_content, #stacks_in_25319 .inner_slice_content p, #stacks_in_25319 .inner_slice_content span, #stacks_in_25319 .inner_slice_content [class*="fa fa-"], #stacks_in_25319 .inner_slice_content h1, #stacks_in_25319 .inner_slice_content h2, #stacks_in_25319 .inner_slice_content h3, #stacks_in_25319 .inner_slice_content h4, #stacks_in_25319 .inner_slice_content h5, #stacks_in_25319 .inner_slice_content h6 { text-align: left !important; } /* justify responsive */ @media (min-width: 750px) { #stacks_in_25319 .inner_slice_content, #stacks_in_25319 .inner_slice_content p, #stacks_in_25319 .inner_slice_content span, #stacks_in_25319 .inner_slice_content [class*="fa fa-"], #stacks_in_25319 .inner_slice_content h1, #stacks_in_25319 .inner_slice_content h2, #stacks_in_25319 .inner_slice_content h3, #stacks_in_25319 .inner_slice_content h4, #stacks_in_25319 .inner_slice_content h5, #stacks_in_25319 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25319 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_25319 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25319 .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_25319 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 1%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25319 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 10px; text-indent: 20px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 22px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 500 !important; } @media only screen and (max-width: 651px) { #stacks_in_25319 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25319 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25319 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25319 .scrollButton-element [class^="fa fa-"], #stacks_in_25319 .scrollButton-element #stacks_in_25319 [class*="fa fa-"], #stacks_in_25319 .scrollButton-element:after, #stacks_in_25319 .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_25319 .scrollButton-element [class^="fa fa-"], #stacks_in_25319 .scrollButton-element #stacks_in_25319 [class*="fa fa-"] { } #stacks_in_25319 .scrollButton-txt:hover, #stacks_in_25319 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25319 .scrollButton-element a { font-size: 88px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25319 .scrollButton-txt:active, #stacks_in_25319 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25319 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25319 .hype-link-hover-group, #stacks_in_25319 .hype-link-hover, #stacks_in_25319 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25319 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25319 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25319 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 45vh !important; opacity: 1.0 !important; } #stacks_in_25319 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25319 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */#stacks_in_25351_button { display:block; position: relative; text-align: center; } #stacks_in_25351 a:link, #stacks_in_25351 a:visited { display:block; float:left; position: relative; text-decoration:none; } #stacks_in_25351 a:hover, #stacks_in_25351 a:active { color:#FFFFFF; } #stacks_in_25351 a:link, #stacks_in_25351 a:visited { background-color:#FDF5ED; background: -webkit-gradient(linear, left top, left bottom, from(#FDF5ED), to(#98938E)); border:1px solid #98938E; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_25351 a:hover { background-color:#FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#837F7B)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_25351 a:active { background-color:#FDF5ED; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_25351 { padding: 5px; } /* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25380 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25380_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25380 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25380 .hype_bgs-2 { /* bgs-2 */ background-image: url(../files/bg_image2-25380.png) !important; background-position: 100% 50% !important; background-size: cover !important; opacity: 0.4 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25380 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25380 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25380 .hype_bgs-1 , #stacks_in_25380 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: none !important; /* bgs-2 */ background-size: auto !important; background-repeat: repeat-y !important; background-position: 100% 50% !important; filter: contrast(90%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(90%) brightness(100%) grayscale(0%) blur(0px) !important; opacity: 0.8 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25380 .hype_bgs-1-hover-link { } @media screen and (max-width: 600px) { #stacks_in_25380 .hype_bgs-1 , #stacks_in_25380 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25380 .hype_bgs-1 , #stacks_in_25380 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25380 .hype_bgs-1 , #stacks_in_25380 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25380 .hype_bgs-1 , #stacks_in_25380 .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_25380 .hype_bgs-1 , #stacks_in_25380 .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_25380 .hype_bgs-1 , #stacks_in_25380 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25380 .hype_bgs-1 { } #stacks_in_25380 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25380 .hype_bgs-1grad { } /* STRIPES */ #stacks_in_25380 .hype-bg-ext-a, #stacks_in_25380 .hype-bg-ext-b { background: linear-gradient(0deg, rgba(194, 194, 194, 0.27) 0%, rgba(255, 255, 255, 0.72) 100%) !important;} #stacks_in_25380 .hype-bg-ext-b { } #stacks_in_25380 .hype-bg-ext-box { display: block !important; } /* SLICE */ /*overflow: auto;*/ #stacks_in_25380 .inner_slice_content { text-align: left; pointer-events: auto; padding-top: 2vh; padding-bottom: 2vh; padding-left: 2vw; padding-right: 2vw; background-color: rgba(139, 131, 117, 0.89) !important; background: linear-gradient(0deg, rgba(174, 166, 158, 1.00) 30%, rgba(118, 77, 49, 0.07) 100%) !important; } @media (max-width: 600px) { #stacks_in_25380 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25380 .inner_slice { margin: auto; pointer-events: none; max-width: 2500px; 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; margin-left: 0px; left: 5%; } @media (max-width: 600px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_25380 .inner_slice_content, #stacks_in_25380 .inner_slice_content p, #stacks_in_25380 .inner_slice_content span, #stacks_in_25380 .inner_slice_content [class*="fa fa-"], #stacks_in_25380 .inner_slice_content h1, #stacks_in_25380 .inner_slice_content h2, #stacks_in_25380 .inner_slice_content h3, #stacks_in_25380 .inner_slice_content h4, #stacks_in_25380 .inner_slice_content h5, #stacks_in_25380 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #4F4F4F !important; } #stacks_in_25380 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_25380 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_25380 .inner_slice_content a:link, #stacks_in_25380 .inner_slice_content a { color: #948B4E !important; } #stacks_in_25380 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_25380 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_25380 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_25380 .inner_slice_content, #stacks_in_25380 .inner_slice_content p, #stacks_in_25380 .inner_slice_content span, #stacks_in_25380 .inner_slice_content [class*="fa fa-"], #stacks_in_25380 .inner_slice_content h1, #stacks_in_25380 .inner_slice_content h2, #stacks_in_25380 .inner_slice_content h3, #stacks_in_25380 .inner_slice_content h4, #stacks_in_25380 .inner_slice_content h5, #stacks_in_25380 .inner_slice_content h6 { text-align: truefalsefalse !important; } /* justify responsive */ @media (min-width: 600px) { #stacks_in_25380 .inner_slice_content, #stacks_in_25380 .inner_slice_content p, #stacks_in_25380 .inner_slice_content span, #stacks_in_25380 .inner_slice_content [class*="fa fa-"], #stacks_in_25380 .inner_slice_content h1, #stacks_in_25380 .inner_slice_content h2, #stacks_in_25380 .inner_slice_content h3, #stacks_in_25380 .inner_slice_content h4, #stacks_in_25380 .inner_slice_content h5, #stacks_in_25380 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25380 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_25380 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25380 .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_25380 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 3%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25380 .scrollButton-txt { font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: 0px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 150px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } @media only screen and (max-width: 651px) { #stacks_in_25380 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25380 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25380 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25380 .scrollButton-element [class^="fa fa-"], #stacks_in_25380 .scrollButton-element #stacks_in_25380 [class*="fa fa-"], #stacks_in_25380 .scrollButton-element:after, #stacks_in_25380 .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_25380 .scrollButton-element [class^="fa fa-"], #stacks_in_25380 .scrollButton-element #stacks_in_25380 [class*="fa fa-"] { } #stacks_in_25380 .scrollButton-txt:hover, #stacks_in_25380 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25380 .scrollButton-element a { font-size: 50px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_25380 .scrollButton-txt:active, #stacks_in_25380 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25380 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25380 .hype-link-hover-group, #stacks_in_25380 .hype-link-hover, #stacks_in_25380 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25380 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25380 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25380 .trigger-1grad-fade { opacity: 0.5 !important; margin-top: 20vh !important; opacity: 1.0 !important; } #stacks_in_25380 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25380 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_25380 { background-color: rgba(204, 204, 204, 1.00); } #bannerStackstacks_in_25393 { position: relative; z-index: 0; overflow: hidden; } #bannerStackstacks_in_25393 img { width: 100%; height: auto; } #stacks_in_25393 { background-color: rgba(204, 204, 204, 1.00); } /**/ @media screen and (min-width: 768px) { #bannerLayerstacks_in_25396 { position: absolute; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); color: rgba(255, 255, 255, 1.00); z-index: 2; padding: 15px 15px 15px 15px; border-radius: 0px 0px 0px 0px; overflow: hidden; font-size: 100.00%; line-height: 1.50em; } #bannerLayerstacks_in_25396 { background: rgba(240, 240, 240, 1.00); } #bannerLayerstacks_in_25396 img { width: auto; max-width: 100%; height: auto; } #bannerLayerstacks_in_25396 h1, #bannerLayerstacks_in_25396 h2, #bannerLayerstacks_in_25396 h3, #bannerLayerstacks_in_25396 h4, #bannerLayerstacks_in_25396 h5, #bannerLayerstacks_in_25396 h6 { color: rgba(255, 255, 255, 1.00); } #bannerLayerstacks_in_25396 a, #bannerLayerstacks_in_25396 a:visited { color: rgba(102, 204, 255, 1.00); outline: none; border: none; } #bannerLayerstacks_in_25396 a:hover, #bannerLayerstacks_in_25396 a:active { color: rgba(0, 128, 255, 1.00); outline: none; border: none; } /* Horizontal Position Settings */ #bannerLayerstacks_in_25396 { left: 0.00%; } /* Vertical Position Settings */ #bannerLayerstacks_in_25396 { top: 0.00%; } /* Width Settings */ #bannerLayerstacks_in_25396 { width: 25%; } /* Height Settings */ #bannerLayerstacks_in_25396 { height: auto; } } /**/ #standOutWrapperstacks_in_25398 { padding-top: 33px; padding-bottom: 33px; } #standOutstacks_in_25398 { border: none; margin-left: auto; margin-right: auto; max-width: 700px; text-align: left; } #standOutstacks_in_25398:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #standOutShadowstacks_in_25398 { -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.30); margin: 10px; border-radius: 35px; background: rgba(255, 255, 255, 0.00); border: 0px solid rgba(179, 179, 179, 1.00); } #standOutBackmoststacks_in_25398 { padding: 20px 20px; } #standOutFrontmoststacks_in_25398 img, #standOutFrontmoststacks_in_25398 video { max-width: 100%; height: auto; } #standOutFrontmoststacks_in_25398 { margin-left: auto; margin-right: auto; border-radius: 10px; overflow: hidden; text-align: center; -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.30); position: relative; border: 0px solid rgba(179, 179, 179, 1.00); } /* */ #standOutFrontmoststacks_in_25398 { background: url(../files/frontmost_localimage-25398.png) #ffffff; background-position: center center; background-size: cover; } /* */ /* */ /* */ #standOutFrontmoststacks_in_25398 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; outline: none; text-decoration: none; display: block; } /* */ #standOutSpacerTopstacks_in_25398 { height: 33px; } #standOutShadowstacks_in_25398 { padding-top: 3px; } #standOutFrontmoststacks_in_25398 { margin-top: -60px; width: 250px; height: 250px; display: block; } /* */ /* */ /* */ /* */ /* @group Responsive */ @media screen and (max-width: 768px) { #standOutWrapperstacks_in_25398 { padding: 3px 0px; } #standOutShadowstacks_in_25398 { display: block; padding-top: 3px; } #standOutFrontmoststacks_in_25398 { margin-top: 0px; width: 150px; height: 150px; display: block; margin: 10px auto; } #standOutFrontmoststacks_in_25398 i { font-size: 100px; } } /* @end */ /* */ #stacks_in_25398 { background-color: rgba(204, 204, 204, 1.00); } #stacks_out_25398 { width: 250px; } #stacks_in_25406 { padding: 10px 0px 10px 0px; } #stacks_in_25404 { background-color: rgba(232, 232, 232, 0.00); } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25411 { height: 40.00px; } @media print { #spacerStackstacks_in_25411 { display: none !important; } } #stacks_in_25381 { border: solid rgba(255, 255, 255, 1.00); border-width: 0px 0px 0px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 20px; padding: 19px 0px 21px 15px; } #stacks_out_25381 { width: 500px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25412 { height: 40.00px; } @media print { #spacerStackstacks_in_25412 { display: none !important; } } /* -- Start EACH CSS Template -- */ /* ------------------ edit -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_25427 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_25427_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_25427 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_25427 .hype_bgs-2 { /* bgs-2 */ background-image: url(../files/bg_image2-25427.png) !important; background-position: 50% 50% !important; background-size: auto !important; background-repeat: repeat !important; opacity: 1 !important; } /* bgs-2 */ @media screen and (max-width: 600px) { #stacks_in_25427 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_25427 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_25427 .hype_bgs-1 , #stacks_in_25427 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* bgs-2 */ background-image: none !important; /* bgs-2 */ background-size: cover !important; background-position: 50% 50% !important; opacity: 0.01 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_25427 .hype_bgs-1-hover-link { } @media screen and (max-width: 700px) { #stacks_in_25427 .hype_bgs-1 , #stacks_in_25427 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_25427 .hype_bgs-1 , #stacks_in_25427 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_25427 .hype_bgs-1 , #stacks_in_25427 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_25427 .hype_bgs-1 , #stacks_in_25427 .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_25427 .hype_bgs-1 , #stacks_in_25427 .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_25427 .hype_bgs-1 , #stacks_in_25427 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_25427 .hype_bgs-1 { } #stacks_in_25427 .hype_bgs-1-blurred { display: none !important; } /* gradient layer 1 */ #stacks_in_25427 .hype_bgs-1grad { background: linear-gradient(50deg, rgba(253, 167, 117, 0.11) 10%, rgba(254, 204, 157, 0.06) 100%) !important; } /* STRIPES */ #stacks_in_25427 .hype-bg-ext-a, #stacks_in_25427 .hype-bg-ext-b { background: linear-gradient(90deg, rgba(203, 0, 1, 0.63) 2%, rgba(255, 104, 35, 0.24) 100%) !important;} #stacks_in_25427 .hype-bg-ext-b { } #stacks_in_25427 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_25427 .inner_slice_content { text-align: left; pointer-events: auto; padding-top: 4vh; padding-bottom: 4vh; padding-left: 4vw; padding-right: 4vw; } @media (max-width: 500px) { #stacks_in_25427 .inner_slice_content { } } /*overflow: auto; position: relative;*/ #stacks_in_25427 .inner_slice { margin: auto; pointer-events: none; max-width: 960px; min-width: 200px; z-index: 2; position: relative; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -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: 500px) { #stacks_in_25427 .inner_slice { margin-left: auto; margin-right: auto; left: auto; right: auto; } } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 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: #FFFFFF !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: #2B1B17 !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: #FFFFFF !important; } #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 { text-align: center !important; } /* justify responsive */ @media (min-width: 500px) { #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 { text-align: justify !important; } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_25427 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; min-height: 40vh; } @media (max-width: 800px) { #stacks_in_25427 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_25427 .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_25427 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 0%; border-radius: 55px; -webkit-border-radius: 53px; -moz-border-radius: 53px; padding: 0; width: 93px; display: block; text-align: center !important; } #stacks_in_25427 .scrollButton-txt { font-size: 20px; line-height: 1.2em; letter-spacing: 3px; text-indent: 0px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; min-width: 650px; left: -279px; margin-top: 72px; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Arial", sans-serif !important; font-weight: 400 !important; } @media only screen and (max-width: 651px) { #stacks_in_25427 .scrollButton-txt { min-width: 397px; left: -151px;} } @media only screen and (max-width: 420px) { #stacks_in_25427 .scrollButton-txt { min-width: 350px; left: -128px;} } @media only screen and (max-width: 350px) { #stacks_in_25427 .scrollButton-txt { min-width: 250px; left: -78px;} } #stacks_in_25427 .scrollButton-element [class^="fa fa-"], #stacks_in_25427 .scrollButton-element #stacks_in_25427 [class*="fa fa-"], #stacks_in_25427 .scrollButton-element:after, #stacks_in_25427 .scrollButton-txt { color: #7F5F5C !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_25427 .scrollButton-element [class^="fa fa-"], #stacks_in_25427 .scrollButton-element #stacks_in_25427 [class*="fa fa-"] { } #stacks_in_25427 .scrollButton-txt:hover, #stacks_in_25427 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_25427 .scrollButton-element a { font-size: 90px !important; line-height: 1em;color: #7F5F5C !important; } #stacks_in_25427 .scrollButton-txt:active, #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;} #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_25427 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_25427 .hype-link-hover-group, #stacks_in_25427 .hype-link-hover, #stacks_in_25427 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_25427 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_25427 .trigger-img-scale { opacity: 0.5 !important; } #stacks_in_25427 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_25427 .trigger-2-fade { opacity: 0.5 !important; } #stacks_in_25427 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_25427 { background-color: rgba(204, 204, 204, 0.00); } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25442 { height: 40.00px; } @media print { #spacerStackstacks_in_25442 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25443 { height: 40.00px; } @media print { #spacerStackstacks_in_25443 { display: none !important; } } #stacks_in_25428 { padding: 10px 0px 20px 0px; } #stacks_out_25428 { width: 250px; } #stacks_in_25431 { padding: 3px; } #stacks_out_25431 { width: 250px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25444 { height: 40.00px; } @media print { #spacerStackstacks_in_25444 { display: none !important; } } #stacks_in_25440_button { display:block; position: relative; text-align: center; } #stacks_in_25440 a:link, #stacks_in_25440 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_25440 a:hover, #stacks_in_25440 a:active { color:#FFFFFF; } #stacks_in_25440 a:link, #stacks_in_25440 a:visited { background-color:#96A84E; background: -webkit-gradient(linear, left top, left bottom, from(#96A84E), to(#5A652F)); border:1px solid #5A652F; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_25440 a:hover { background-color:#A2B655; background: -webkit-gradient(linear, left top, left bottom, from(#A2B655), to(#4E5728)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_25440 a:active { background-color:#96A84E; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_25440 { padding: 5px; } #stacks_out_25440 { width: 250px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_25445 { height: 40.00px; } @media print { #spacerStackstacks_in_25445 { display: none !important; } }