#stacks_in_3330 { padding: 60px 0px 0px 0px; } #stacks_out_3330 { width: 250px; } #stacks_in_3333 .r_maxwidth { display: block; margin-left: auto; margin-right: auto; float: none; max-width: 1000px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*Custom CSS;*/ } @media screen and (max-width: 1200px) { #stacks_in_3333 .r_maxwidth { }} @media screen and (max-width: 720px) { #stacks_in_3333 .r_maxwidth { }} @media screen and (max-width: 90px) { #stacks_in_3333 .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_3334 { background-color: rgba(255, 255, 255, 1.00); padding: 15px; } #stacks_in_3336>.s3_row { margin: 0 -0px; } #stacks_in_3336>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3336>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3336>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_3336>.s3_row { margin: -0px 0; } #stacks_in_3336>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { } /* -- Start EACH CSS Template -- */ #stacks_in_3340 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3340 .HYPE_document { overflow: visible; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; height: 100% !important; } #stacks_in_3340_default24_hype_container { direction:ltr !important; margin:auto; width: 100%; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; } /* fix flickering */ #stacks_in_3340 .hype24box-1 { -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important;} #stacks_in_3340 .hype24box-1l, #stacks_in_3340 .hype24box-1r, #stacks_in_3340 .hype24box-1c { -webkit-transform-style: preserve-3d !important; -moz-transform-style: preserve-3d !important; -o-transform-style: preserve-3d !important; transform-style: preserve-3d !important; } /*#stacks_in_3340 .ie11fixtemp { position: absolute !important; }*/ #stacks_in_3340 .mainimgbox24 { max-width: 500px !important; margin-right: auto; margin-left: auto; text-align: center; margin-left: auto; margin-right: auto; } #stacks_in_3340 .hype24shadow { display: block !important; border-radius:0px !important; -webkit-border-radius:0px !important; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); } #stacks_in_3340 .hype24imgl, #stacks_in_3340 .hype24imgr, #stacks_in_3340 .hype24imgc { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; position: absolute !important; background-color: #91A8D0 !important; background-image: url(https://images.unsplash.com/photo-1568697324056-2a838a22208d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDE0NXx8YWlycGxhbmV8ZW58MHx8fHwxNjk2ODk0Njg3fDA&ixlib=rb-4.0.3&q=80&w=1080) !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: repeat !important; } iframe { } #stacks_in_3340 .hype24imgl img, #stacks_in_3340 .hype24imgr img, #stacks_in_3340 .hype24imgc img { display: block !important; width: 100% !important; height: auto !important; } #stacks_in_3340 .hype24shadl, #stacks_in_3340 .hype24shadr, #stacks_in_3340 .hype24shadc { /* fix flickering */ /*-webkit-transform:translate3d(0,0,0) !important; */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.10) 100%) !important; } #stacks_in_3340 .hype24imgl:before, #stacks_in_3340 .hype24imgr:before, #stacks_in_3340 .hype24imgc:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; opacity: 0.05 !important; display: block; background-color: rgba(0, 0, 0, 1.00) !important; background-image: none !important; pointer-events:none !important; } /* edge shadow */ #stacks_in_3340 .hype24shadl, #stacks_in_3340 .hype24shadr, #stacks_in_3340 .hype24shadc { /* fix flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; } /* selective link enabler */ /* to bend link */ #stacks_in_3340 .h24-hover-to-bend { } /* to bend link blank */ #stacks_in_3340 .h24-hover-to-bend-link { } /* bended link */ #stacks_in_3340 .h24-hover-bended { } /* bended link blank */ #stacks_in_3340 .h24-hover-bended-link { } /* it timeline is loaded then block and hover to bend reversed */ #stacks_in_3340 .h24-hover-bended-group { } /* hover to bend conditionals */ #stacks_in_3340 .h24-hover-to-bend-group { display: block !important; } /* click and access to URL content */ #stacks_in_3340 .h24-hover-url-click { } /* height fixed or fluid */ #stacks_in_3340 .vertical24 { margin: auto; width: 100%; position: relative; min-height: 400px !important; } /* caption bendbox */ #stacks_in_3340 .imgcaption24 [class^="fa fa-"], #stacks_in_3340 .imgcaption24 [class*="fa fa-"] { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3340 .imgcaption24 { -webkit-font-smoothing: antialiased; pointer-events:none !important; color: rgba(255, 255, 255, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; font-size: 14px; line-height: 1.22em; letter-spacing: 1px; position: absolute; height: 100%; width: 100%; vertical-align: middle; opacity: 1; z-index: 2; display: flex; align-items: flex-end; justify-content: center; bottom: 0; margin-bottom: 0px; /* BETA 1 */ text-align: center; text-transform: uppercase; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 400 !important; } #stacks_in_3340 .imgcaption24 p { transition: 0.2s ease-in-out !important; -webkit-transition: 0.2s ease-in-out !important; background-color: rgba(29, 98, 129, 0.78); padding: 30px; margin: 0; } /* txt auto fade */ #stacks_in_3340 .imgcaption24 { -webkit-animation: fade-24-css 0.3s ease-in-out both; animation: fade-24-css 0.3s ease-in-out both; -webkit-animation-delay: 0.59; animation-delay: 0.59s; } @keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } /* hover states */ #stacks_in_3340 .HYPE_document:hover > .imgcaption24 p { } #stacks_in_3340 .HYPE_document:hover > .imgcaption24 [class^="fa fa-"], #stacks_in_3340 .HYPE_document:hover > .imgcaption24 [class*="fa fa-"] { } #stacks_in_3340 .HYPE_document:hover > .imgcaption24 p { transform: translateY(95px); transform: -webkit-transform: translateY(95px); } /* fixed size tablet - phone */ @media (max-width: 768px) { #stacks_in_3340 .vertical24 { height:auto; } } @media (max-width: 600px) { #stacks_in_3340 .vertical24 { min-height: 300px !important; height:auto; } } /* A Styles Mobile moptions */ @media (max-width: 768px) { #stacks_in_3340 .hype24imgl, #stacks_in_3340 .hype24imgr, #stacks_in_3340 .hype24imgc { } #stacks_in_3340 .mainimgbox24 { } #stacks_in_3340 .hype24shadow { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 18px 0px imgshadowcolor; } /* hide hype corners via internal css */ #stacks_in_3340 .hype24box-1l, #stacks_in_3340 .hype24box-1r, #stacks_in_3340 .hype24box-1c, #stacks_in_3340 .hype24shadow, #stacks_in_3340 .h24-click-mob-group { } #stacks_in_3340 .imgcaption24 { /* BETA1 */ font-size: 11px; letter-spacing: 1px; line-height: 1.3em; } #stacks_in_3340 .imgcaption24 p { padding: 20px; } } /* B link enabler - mobile static image */ @media (max-width: 600px) { #stacks_in_3340 .h24-click-mob-group { width: 0 !important; height: 0 !important; } #stacks_in_3340 .h24-click-mob-link { } #stacks_in_3340 .h24-click-mob-link-blank { } #stacks_in_3340 .imgcaption24 { } #stacks_in_3340 .hype24imgl:before, #stacks_in_3340 .hype24imgr:before, #stacks_in_3340 .hype24imgc:before { } } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_3338 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3338 .HYPE_document { overflow: visible; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; height: 100% !important; } #stacks_in_3338_default24_hype_container { direction:ltr !important; margin:auto; width: 100%; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; } /* fix flickering */ #stacks_in_3338 .hype24box-1 { -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important;} #stacks_in_3338 .hype24box-1l, #stacks_in_3338 .hype24box-1r, #stacks_in_3338 .hype24box-1c { -webkit-transform-style: preserve-3d !important; -moz-transform-style: preserve-3d !important; -o-transform-style: preserve-3d !important; transform-style: preserve-3d !important; } /*#stacks_in_3338 .ie11fixtemp { position: absolute !important; }*/ #stacks_in_3338 .mainimgbox24 { max-width: 500px !important; margin-right: auto; margin-left: auto; text-align: center; margin-left: auto; margin-right: auto; } #stacks_in_3338 .hype24shadow { display: block !important; border-radius:0px !important; -webkit-border-radius:0px !important; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); } #stacks_in_3338 .hype24imgl, #stacks_in_3338 .hype24imgr, #stacks_in_3338 .hype24imgc { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; position: absolute !important; background-color: #6C8FA4 !important; background-image: url(https://images.unsplash.com/photo-1596910891038-c79cb84fae3a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDY1fHxhaXJwbGFuZXxlbnwwfHx8fDE2OTY4OTQ2MjR8MA&ixlib=rb-4.0.3&q=80&w=1080) !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: repeat !important; } iframe { } #stacks_in_3338 .hype24imgl img, #stacks_in_3338 .hype24imgr img, #stacks_in_3338 .hype24imgc img { display: block !important; width: 100% !important; height: auto !important; } #stacks_in_3338 .hype24shadl, #stacks_in_3338 .hype24shadr, #stacks_in_3338 .hype24shadc { /* fix flickering */ /*-webkit-transform:translate3d(0,0,0) !important; */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.10) 100%) !important; } #stacks_in_3338 .hype24imgl:before, #stacks_in_3338 .hype24imgr:before, #stacks_in_3338 .hype24imgc:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; opacity: 0.05 !important; display: block; background-color: rgba(0, 0, 0, 1.00) !important; background-image: none !important; pointer-events:none !important; } /* edge shadow */ #stacks_in_3338 .hype24shadl, #stacks_in_3338 .hype24shadr, #stacks_in_3338 .hype24shadc { /* fix flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; } /* selective link enabler */ /* to bend link */ #stacks_in_3338 .h24-hover-to-bend { } /* to bend link blank */ #stacks_in_3338 .h24-hover-to-bend-link { } /* bended link */ #stacks_in_3338 .h24-hover-bended { } /* bended link blank */ #stacks_in_3338 .h24-hover-bended-link { } /* it timeline is loaded then block and hover to bend reversed */ #stacks_in_3338 .h24-hover-bended-group { } /* hover to bend conditionals */ #stacks_in_3338 .h24-hover-to-bend-group { display: block !important; } /* click and access to URL content */ #stacks_in_3338 .h24-hover-url-click { } /* height fixed or fluid */ #stacks_in_3338 .vertical24 { margin: auto; width: 100%; position: relative; min-height: 400px !important; } /* caption bendbox */ #stacks_in_3338 .imgcaption24 [class^="fa fa-"], #stacks_in_3338 .imgcaption24 [class*="fa fa-"] { color: rgba(24, 25, 25, 1.00) !important; } #stacks_in_3338 .imgcaption24 { -webkit-font-smoothing: antialiased; pointer-events:none !important; color: rgba(24, 25, 25, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; font-size: 14px; line-height: 1.22em; letter-spacing: 1px; position: absolute; height: 100%; width: 100%; vertical-align: middle; opacity: 1; z-index: 2; display: flex; align-items: flex-end; justify-content: center; bottom: 0; margin-bottom: 0px; /* BETA 1 */ text-align: center; text-transform: uppercase; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 400 !important; } #stacks_in_3338 .imgcaption24 p { transition: 0.2s ease-in-out !important; -webkit-transition: 0.2s ease-in-out !important; background-color: rgba(255, 255, 255, 0.72); padding: 30px; margin: 0; } /* txt auto fade */ #stacks_in_3338 .imgcaption24 { -webkit-animation: fade-24-css 0.3s ease-in-out both; animation: fade-24-css 0.3s ease-in-out both; -webkit-animation-delay: 0.59; animation-delay: 0.59s; } @keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } /* hover states */ #stacks_in_3338 .HYPE_document:hover > .imgcaption24 p { } #stacks_in_3338 .HYPE_document:hover > .imgcaption24 [class^="fa fa-"], #stacks_in_3338 .HYPE_document:hover > .imgcaption24 [class*="fa fa-"] { } #stacks_in_3338 .HYPE_document:hover > .imgcaption24 p { transform: translateY(95px); transform: -webkit-transform: translateY(95px); } /* fixed size tablet - phone */ @media (max-width: 768px) { #stacks_in_3338 .vertical24 { height:auto; } } @media (max-width: 600px) { #stacks_in_3338 .vertical24 { min-height: 300px !important; height:auto; } } /* A Styles Mobile moptions */ @media (max-width: 768px) { #stacks_in_3338 .hype24imgl, #stacks_in_3338 .hype24imgr, #stacks_in_3338 .hype24imgc { } #stacks_in_3338 .mainimgbox24 { } #stacks_in_3338 .hype24shadow { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 18px 0px imgshadowcolor; } /* hide hype corners via internal css */ #stacks_in_3338 .hype24box-1l, #stacks_in_3338 .hype24box-1r, #stacks_in_3338 .hype24box-1c, #stacks_in_3338 .hype24shadow, #stacks_in_3338 .h24-click-mob-group { } #stacks_in_3338 .imgcaption24 { /* BETA1 */ font-size: 11px; letter-spacing: 1px; line-height: 1.3em; } #stacks_in_3338 .imgcaption24 p { padding: 20px; } } /* B link enabler - mobile static image */ @media (max-width: 600px) { #stacks_in_3338 .h24-click-mob-group { width: 0 !important; height: 0 !important; } #stacks_in_3338 .h24-click-mob-link { } #stacks_in_3338 .h24-click-mob-link-blank { } #stacks_in_3338 .imgcaption24 { } #stacks_in_3338 .hype24imgl:before, #stacks_in_3338 .hype24imgr:before, #stacks_in_3338 .hype24imgc:before { } } /* -- End EACH CSS Template -- */#stacks_in_3342>.s3_row { margin: 0 -0px; } #stacks_in_3342>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3342>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3342>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_3342>.s3_row { margin: -0px 0; } #stacks_in_3342>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { } /* -- Start EACH CSS Template -- */ #stacks_in_3345 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3345 .HYPE_document { overflow: visible; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; height: 100% !important; } #stacks_in_3345_default24_hype_container { direction:ltr !important; margin:auto; width: 100%; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; } /* fix flickering */ #stacks_in_3345 .hype24box-1 { -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important;} #stacks_in_3345 .hype24box-1l, #stacks_in_3345 .hype24box-1r, #stacks_in_3345 .hype24box-1c { -webkit-transform-style: preserve-3d !important; -moz-transform-style: preserve-3d !important; -o-transform-style: preserve-3d !important; transform-style: preserve-3d !important; } /*#stacks_in_3345 .ie11fixtemp { position: absolute !important; }*/ #stacks_in_3345 .mainimgbox24 { max-width: 500px !important; margin-right: auto; margin-left: auto; text-align: center; margin-left: auto; margin-right: auto; } #stacks_in_3345 .hype24shadow { display: block !important; border-radius:0px !important; -webkit-border-radius:0px !important; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); } #stacks_in_3345 .hype24imgl, #stacks_in_3345 .hype24imgr, #stacks_in_3345 .hype24imgc { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; position: absolute !important; background-color: #6C8FA4 !important; background-image: url(https://images.unsplash.com/photo-1621632361333-4649f0b59adc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDMzfHxhaXJwbGFuZXxlbnwwfHx8fDE2OTY4OTQ2MDZ8MA&ixlib=rb-4.0.3&q=80&w=1080) !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: repeat !important; } iframe { } #stacks_in_3345 .hype24imgl img, #stacks_in_3345 .hype24imgr img, #stacks_in_3345 .hype24imgc img { display: block !important; width: 100% !important; height: auto !important; } #stacks_in_3345 .hype24shadl, #stacks_in_3345 .hype24shadr, #stacks_in_3345 .hype24shadc { /* fix flickering */ /*-webkit-transform:translate3d(0,0,0) !important; */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.10) 100%) !important; } #stacks_in_3345 .hype24imgl:before, #stacks_in_3345 .hype24imgr:before, #stacks_in_3345 .hype24imgc:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; opacity: 0.05 !important; display: block; background-color: rgba(0, 0, 0, 1.00) !important; background-image: none !important; pointer-events:none !important; } /* edge shadow */ #stacks_in_3345 .hype24shadl, #stacks_in_3345 .hype24shadr, #stacks_in_3345 .hype24shadc { /* fix flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; } /* selective link enabler */ /* to bend link */ #stacks_in_3345 .h24-hover-to-bend { } /* to bend link blank */ #stacks_in_3345 .h24-hover-to-bend-link { } /* bended link */ #stacks_in_3345 .h24-hover-bended { } /* bended link blank */ #stacks_in_3345 .h24-hover-bended-link { } /* it timeline is loaded then block and hover to bend reversed */ #stacks_in_3345 .h24-hover-bended-group { } /* hover to bend conditionals */ #stacks_in_3345 .h24-hover-to-bend-group { display: block !important; } /* click and access to URL content */ #stacks_in_3345 .h24-hover-url-click { } /* height fixed or fluid */ #stacks_in_3345 .vertical24 { margin: auto; width: 100%; position: relative; min-height: 400px !important; } /* caption bendbox */ #stacks_in_3345 .imgcaption24 [class^="fa fa-"], #stacks_in_3345 .imgcaption24 [class*="fa fa-"] { color: rgba(24, 25, 25, 1.00) !important; } #stacks_in_3345 .imgcaption24 { -webkit-font-smoothing: antialiased; pointer-events:none !important; color: rgba(24, 25, 25, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; font-size: 14px; line-height: 1.22em; letter-spacing: 1px; position: absolute; height: 100%; width: 100%; vertical-align: middle; opacity: 1; z-index: 2; display: flex; align-items: flex-end; justify-content: center; bottom: 0; margin-bottom: 0px; /* BETA 1 */ text-align: center; text-transform: uppercase; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 400 !important; } #stacks_in_3345 .imgcaption24 p { transition: 0.2s ease-in-out !important; -webkit-transition: 0.2s ease-in-out !important; background-color: rgba(255, 255, 255, 0.72); padding: 30px; margin: 0; } /* txt auto fade */ #stacks_in_3345 .imgcaption24 { -webkit-animation: fade-24-css 0.3s ease-in-out both; animation: fade-24-css 0.3s ease-in-out both; -webkit-animation-delay: 0.59; animation-delay: 0.59s; } @keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } /* hover states */ #stacks_in_3345 .HYPE_document:hover > .imgcaption24 p { } #stacks_in_3345 .HYPE_document:hover > .imgcaption24 [class^="fa fa-"], #stacks_in_3345 .HYPE_document:hover > .imgcaption24 [class*="fa fa-"] { } #stacks_in_3345 .HYPE_document:hover > .imgcaption24 p { transform: translateY(95px); transform: -webkit-transform: translateY(95px); } /* fixed size tablet - phone */ @media (max-width: 768px) { #stacks_in_3345 .vertical24 { height:auto; } } @media (max-width: 600px) { #stacks_in_3345 .vertical24 { min-height: 300px !important; height:auto; } } /* A Styles Mobile moptions */ @media (max-width: 768px) { #stacks_in_3345 .hype24imgl, #stacks_in_3345 .hype24imgr, #stacks_in_3345 .hype24imgc { } #stacks_in_3345 .mainimgbox24 { } #stacks_in_3345 .hype24shadow { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 18px 0px imgshadowcolor; } /* hide hype corners via internal css */ #stacks_in_3345 .hype24box-1l, #stacks_in_3345 .hype24box-1r, #stacks_in_3345 .hype24box-1c, #stacks_in_3345 .hype24shadow, #stacks_in_3345 .h24-click-mob-group { } #stacks_in_3345 .imgcaption24 { /* BETA1 */ font-size: 11px; letter-spacing: 1px; line-height: 1.3em; } #stacks_in_3345 .imgcaption24 p { padding: 20px; } } /* B link enabler - mobile static image */ @media (max-width: 600px) { #stacks_in_3345 .h24-click-mob-group { width: 0 !important; height: 0 !important; } #stacks_in_3345 .h24-click-mob-link { } #stacks_in_3345 .h24-click-mob-link-blank { } #stacks_in_3345 .imgcaption24 { } #stacks_in_3345 .hype24imgl:before, #stacks_in_3345 .hype24imgr:before, #stacks_in_3345 .hype24imgc:before { } } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_3343 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3343 .HYPE_document { overflow: visible; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; height: 100% !important; } #stacks_in_3343_default24_hype_container { direction:ltr !important; margin:auto; width: 100%; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; } /* fix flickering */ #stacks_in_3343 .hype24box-1 { -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important;} #stacks_in_3343 .hype24box-1l, #stacks_in_3343 .hype24box-1r, #stacks_in_3343 .hype24box-1c { -webkit-transform-style: preserve-3d !important; -moz-transform-style: preserve-3d !important; -o-transform-style: preserve-3d !important; transform-style: preserve-3d !important; } /*#stacks_in_3343 .ie11fixtemp { position: absolute !important; }*/ #stacks_in_3343 .mainimgbox24 { max-width: 500px !important; margin-right: auto; margin-left: auto; text-align: center; margin-left: auto; margin-right: auto; } #stacks_in_3343 .hype24shadow { display: block !important; border-radius:0px !important; -webkit-border-radius:0px !important; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 1.00); } #stacks_in_3343 .hype24imgl, #stacks_in_3343 .hype24imgr, #stacks_in_3343 .hype24imgc { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; position: absolute !important; background-color: #91A8D0 !important; background-image: url(https://images.unsplash.com/photo-1619941400844-ec5ef7495cb8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDE1fHxhaXJwbGFuZXxlbnwwfHx8fDE2OTY4OTQ2MDZ8MA&ixlib=rb-4.0.3&q=80&w=1080) !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: repeat !important; } iframe { } #stacks_in_3343 .hype24imgl img, #stacks_in_3343 .hype24imgr img, #stacks_in_3343 .hype24imgc img { display: block !important; width: 100% !important; height: auto !important; } #stacks_in_3343 .hype24shadl, #stacks_in_3343 .hype24shadr, #stacks_in_3343 .hype24shadc { /* fix flickering */ /*-webkit-transform:translate3d(0,0,0) !important; */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.10) 100%) !important; } #stacks_in_3343 .hype24imgl:before, #stacks_in_3343 .hype24imgr:before, #stacks_in_3343 .hype24imgc:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; opacity: 0.05 !important; display: block; background-color: rgba(0, 0, 0, 1.00) !important; background-image: none !important; pointer-events:none !important; } /* edge shadow */ #stacks_in_3343 .hype24shadl, #stacks_in_3343 .hype24shadr, #stacks_in_3343 .hype24shadc { /* fix flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50) inset !important; } /* selective link enabler */ /* to bend link */ #stacks_in_3343 .h24-hover-to-bend { } /* to bend link blank */ #stacks_in_3343 .h24-hover-to-bend-link { } /* bended link */ #stacks_in_3343 .h24-hover-bended { } /* bended link blank */ #stacks_in_3343 .h24-hover-bended-link { } /* it timeline is loaded then block and hover to bend reversed */ #stacks_in_3343 .h24-hover-bended-group { } /* hover to bend conditionals */ #stacks_in_3343 .h24-hover-to-bend-group { display: block !important; } /* click and access to URL content */ #stacks_in_3343 .h24-hover-url-click { } /* height fixed or fluid */ #stacks_in_3343 .vertical24 { margin: auto; width: 100%; position: relative; min-height: 400px !important; } /* caption bendbox */ #stacks_in_3343 .imgcaption24 [class^="fa fa-"], #stacks_in_3343 .imgcaption24 [class*="fa fa-"] { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3343 .imgcaption24 { -webkit-font-smoothing: antialiased; pointer-events:none !important; color: rgba(255, 255, 255, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; font-size: 14px; line-height: 1.22em; letter-spacing: 1px; position: absolute; height: 100%; width: 100%; vertical-align: middle; opacity: 1; z-index: 2; display: flex; align-items: flex-end; justify-content: center; bottom: 0; margin-bottom: 0px; /* BETA 1 */ text-align: center; text-transform: uppercase; font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 400 !important; } #stacks_in_3343 .imgcaption24 p { transition: 0.2s ease-in-out !important; -webkit-transition: 0.2s ease-in-out !important; background-color: rgba(29, 98, 129, 0.78); padding: 30px; margin: 0; } /* txt auto fade */ #stacks_in_3343 .imgcaption24 { -webkit-animation: fade-24-css 0.3s ease-in-out both; animation: fade-24-css 0.3s ease-in-out both; -webkit-animation-delay: 0.59; animation-delay: 0.59s; } @keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-24-css { 0% {opacity: 0;} 100% {opacity: 1;} } /* hover states */ #stacks_in_3343 .HYPE_document:hover > .imgcaption24 p { } #stacks_in_3343 .HYPE_document:hover > .imgcaption24 [class^="fa fa-"], #stacks_in_3343 .HYPE_document:hover > .imgcaption24 [class*="fa fa-"] { } #stacks_in_3343 .HYPE_document:hover > .imgcaption24 p { transform: translateY(95px); transform: -webkit-transform: translateY(95px); } /* fixed size tablet - phone */ @media (max-width: 768px) { #stacks_in_3343 .vertical24 { height:auto; } } @media (max-width: 600px) { #stacks_in_3343 .vertical24 { min-height: 300px !important; height:auto; } } /* A Styles Mobile moptions */ @media (max-width: 768px) { #stacks_in_3343 .hype24imgl, #stacks_in_3343 .hype24imgr, #stacks_in_3343 .hype24imgc { } #stacks_in_3343 .mainimgbox24 { } #stacks_in_3343 .hype24shadow { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1.00); -webkit-box-shadow: 0px 0px 18px 0px imgshadowcolor; } /* hide hype corners via internal css */ #stacks_in_3343 .hype24box-1l, #stacks_in_3343 .hype24box-1r, #stacks_in_3343 .hype24box-1c, #stacks_in_3343 .hype24shadow, #stacks_in_3343 .h24-click-mob-group { } #stacks_in_3343 .imgcaption24 { /* BETA1 */ font-size: 11px; letter-spacing: 1px; line-height: 1.3em; } #stacks_in_3343 .imgcaption24 p { padding: 20px; } } /* B link enabler - mobile static image */ @media (max-width: 600px) { #stacks_in_3343 .h24-click-mob-group { width: 0 !important; height: 0 !important; } #stacks_in_3343 .h24-click-mob-link { } #stacks_in_3343 .h24-click-mob-link-blank { } #stacks_in_3343 .imgcaption24 { } #stacks_in_3343 .hype24imgl:before, #stacks_in_3343 .hype24imgr:before, #stacks_in_3343 .hype24imgc:before { } } /* -- End EACH CSS Template -- */ #stacks_in_3347 { padding: 50px 0px 0px 0px; } #stacks_out_3347 { width: 250px; } #stacks_in_3159 { background-color: rgba(255, 255, 255, 1.00); } #stacks_out_3159 { width: 100px; } #stacks_in_3160_button { display:block; position: relative; text-align: center; } #stacks_in_3160 a:link, #stacks_in_3160 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_3160 a:hover, #stacks_in_3160 a:active { color:#FFFFFF; } #stacks_in_3160 a:link, #stacks_in_3160 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_3160 a:hover { background-color:#D8D8D8; background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#686868)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_3160 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_3163_button { display:block; position: relative; text-align: center; } #stacks_in_3163 a:link, #stacks_in_3163 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_3163 a:hover, #stacks_in_3163 a:active { color:#FFFFFF; } #stacks_in_3163 a:link, #stacks_in_3163 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_3163 a:hover { background-color:#D8D8D8; background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#686868)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_3163 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_3165 { padding: 9px 0px 0px 0px; }