#stacks_in_8 { margin: 10px; padding: 10px; } /* animask */ /* ------------------ edit -- */ /* ----- edit END -- */ /* -------------------- fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone start */ #stacks_in_51 .hype_explorer_fix { display: block !important; } #stacks_in_51 .hype_img_shape, #stacks_in_51 .hype_title_a, #stacks_in_51 .hype_title_b, #stacks_in_51 .hype-path001 {display: none !important;} #stacks_in_51 .hype_title_a_ie_fix { opacity: 1 !important;} #stacks_in_51 .hype_title_b { display: block !important; padding-left: 1px !important; } #stacks_in_51 .hype_top_shape_ie_fix, #stacks_in_51 .hype_back_shape_ie_fix { } #stacks_in_51 .hype_top_shape, #stacks_in_51 .hype_back_shape {opacity: 0 !important;} #stacks_in_51 .hype_top_shape_ie_fix, #stacks_in_51 .hype_back_shape_ie_fix { opacity: 1 !important;} /* ie fix */ #stacks_in_51 .hype_top_shape_ie_fix { margin-top: -25px !important; margin-left: -25px !important; border-style: solid !important; border-color: rgba(242, 77, 56, 1.00) !important; border-width: 4px !important; display:block !important; } /* ie fix */ #stacks_in_51 .hype_back_shape_ie_fix { background-color: rgba(40, 40, 40, 0.72) !important; margin-top: 25px; margin-left: 25px; border-style: solid !important; border-color: rgba(0, 0, 0, 0.80) !important; border-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone end */ } /* ----- fallback OLD Internet Explorer Family */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_51 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_51_default8_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_51 .HYPE_document { 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; height: 30vh !important; min-height: 320px !important; } /* overflow: hidden; */ @media (max-width: 900px) { #stacks_in_51 .HYPE_document { height: 400px !important; } } @media (max-width: 340px) { #stacks_in_51 .HYPE_document { height: 162px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_51 .stack_flex { padding-top: 3vh !important; padding-bottom: 3vh !important;} } #stacks_in_51 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_51 .stack_image_bg_pic { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 100 !important; } #stacks_in_51 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #stacks_in_51 .hype_img_shape, #stacks_in_51 .hype_img_shape_ie_fix { background-image: url(../files/bg_image-51.png) !important; background-size: cover !important; background-position: 90% 100% !important; } #stacks_in_51 .hype_shape_area { margin-left: 0px !important; } #stacks_in_51 .hype_top_shape path, #stacks_in_51 .hype_top_shape { margin-top: -25px !important; margin-left: -25px !important; stroke-style: solid !important; stroke: rgba(242, 77, 56, 1.00) !important; stroke-width: 4px !important; display:block !important; } /* 3d top back */ #stacks_in_51 .hype_top_shape, #stacks_in_51 .hype_top_shape_ie_fix { transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* 3d shadow back */ #stacks_in_51 .hype_back_shape path, #stacks_in_51 .hype_back_shape { fill: rgba(40, 40, 40, 0.72) !important; margin-top: 25px; margin-left: 25px; stroke-style: solid !important; stroke: rgba(0, 0, 0, 0.80) !important; stroke-width: 0px !important; display:none !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* text */ #stacks_in_51 .hype_title_a, #stacks_in_51 .hype_title_b, #stacks_in_51 .hype_title_a_ie_fix { text-align: center !important; display:block !important; font-family: "Arial Black", sans-serif !important; font-weight: 400 !important; font-size: 110px !important; line-height: 146px !important; letter-spacing: 0px !important; margin-top: 0px; margin-left: 0px; text-transform: none !important; text-decoration: None; -webkit-font-smoothing: antialiased !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } @media (max-width: 600px) { #stacks_in_51 .hype_title_a, #stacks_in_51 .hype_title_b, #stacks_in_51 .hype_title_a_ie_fix { } } #stacks_in_51 .hype_title_a, #stacks_in_51 .hype_title_a_ie_fix { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_51 .hype_title_b { color: rgba(39, 39, 39, 0.95) !important; } #stacks_in_51 .hype_title_a, #stacks_in_51 .hype_title_a_ie_fix, #stacks_in_51 .hype_title_b { } /* SLICE */ #stacks_in_51 .inner_slice_content { margin-right: auto; margin-left: auto; max-width: 1350px; } #stacks_in_51 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_51 .inner_slice_content, #stacks_in_51 .inner_slice_content p, #stacks_in_51 .inner_slice_content span, #stacks_in_51 .inner_slice_content [class*="fa fa-"], #stacks_in_51 .inner_slice_content h1, #stacks_in_51 .inner_slice_content h2, #stacks_in_51 .inner_slice_content h3, #stacks_in_51 .inner_slice_content h4, #stacks_in_51 .inner_slice_content h5, #stacks_in_51 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; } #stacks_in_51 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_51 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_51 .inner_slice_content a:link, #stacks_in_51 .inner_slice_content a { } #stacks_in_51 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_51 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_51 .inner_slice_content a:hover { } /* link ------ managed in Hype */ #stacks_in_51 .hype-link-hover-group, #stacks_in_51 .hype-link-hover, #stacks_in_51 .hype-link-hover-blank { cursor: pointer !important;} #stacks_in_51 .hype-link-hover { cursor: pointer !important; } /* waipoint triggers */ #stacks_in_51 .trigger-img-scale { opacity: 0; } #stacks_in_51 .trigger-img-rotate { opacity: 0; } #stacks_in_51 .trigger-morph { margin-top: 11% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_51 { margin: 10px; padding: 10px; } #stacks_in_61>.s3_row { margin: 0 -10px; } #stacks_in_61>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_61>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_61>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_61>.s3_row { margin: -10px 0; } #stacks_in_61>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_59 { margin: 10px; padding: 10px; } #stacks_in_65 { margin: 10px; padding: 10px; } #stacks_out_65 { width: 72%; }