/* -- Start EACH CSS Template -- */ /* fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone */ #stacks_in_3014 .hype_explorer_fix { display: block !important; border-radius:500px !important; -webkit-border-radius:500px !important; } #stacks_in_3014 .hype_img_shape, #stacks_in_3014 .hype-path001 { display: none !important; } #stacks_in_3014 .hype_back_shape_ie_fix { border-radius:500px !important; -webkit-border-radius:500px !important; } #stacks_in_3014 .hype_back_shape { opacity: 0 !important; } #stacks_in_3014 .hype_back_shape_ie_fix { opacity: 1 !important; } /* ie fix */ #stacks_in_3014 .hype_back_shape_ie_fix { background-color: rgba(246, 246, 246, 1.00) !important; margin-top: 0px; margin-left: 0px; border-style: solid !important; border-color: rgba(246, 246, 246, 1.00) !important; border-width: 42px !important; display:block !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone */ } #stacks_in_3014 .hype_video_shape { } #stacks_in_3014 .hype_videobox { width: 100% !important; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_3014 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_3014_default9_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_3014 .HYPE_document { overflow: auto; %%[[if !edit]]%% direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; min-height: 460px !important; padding-bottom: 30px; %%[[endif]]%% } @media (max-width: 1125px) { #stacks_in_3014 .HYPE_document { min-height: 350px !important; } } @media (max-width: 472px) { #stacks_in_3014 .HYPE_document { min-height: 248px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_3014 .stack_flex { padding-top: 4vh !important; padding-bottom: 4vh !important; } #stacks_in_3014 .stack_flex { } } #stacks_in_3014 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_3014 .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: url(https://images.unsplash.com/photo-1561132570-67e4398dba33?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDIyfHxhbGZhfGVufDB8fHx8MTYyNzY2MjYzNQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 100 !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_3014 .stack_image_bg_pic { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3014 .stack_image_bg_pic { 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_3014 .stack_image_bg_pic { 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_3014 .stack_image_bg_pic { 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_3014 .stack_image_bg_pic { background-attachment: scroll !important; } } #stacks_in_3014 .stack_image_bg_overlay { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(0deg, rgba(246, 246, 246, 0.00) 50%, rgba(246, 246, 246, 1.00) 50%) !important; } #stacks_in_3014 .hype_img_shape, #stacks_in_3014 .hype_img_shape_ie_fix { background-image: url(https://images.unsplash.com/photo-1561131506-3c48296e2c20?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDE0NXx8Y2FyfGVufDB8fHx8MTYyNzYwNTAyNQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; background-position: 20% 50% !important; } #stacks_in_3014 .hype_shape_area { margin-left: 0% !important; margin-top: 0px !important; } @media (max-width: 1125px) { #stacks_in_3014 .hype_shape_area { margin-left: 0% !important; margin-top: 0px !important; } } @media (max-width: 472px) { #stacks_in_3014 .hype_shape_area { margin-left: 0% !important; margin-top: 0px !important; } } /* 3d shadow back */ #stacks_in_3014 .hype_back_shape path, #stacks_in_3014 .hype_back_shape { fill: rgba(246, 246, 246, 1.00) !important; margin-top: 0px; margin-left: 0px; stroke-style: solid !important; stroke: rgba(246, 246, 246, 1.00) !important; stroke-width: 42px !important; display:block !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } #stacks_in_3014 .inner_slice_content { text-align: left; pointer-events: auto; margin-right: auto; margin-left: auto; max-width: 180px; padding: 0px; } #stacks_in_3014 .inner_slice_content { border-radius:10px; -webkit-border-radius:10px; } #stacks_in_3014 .inner_slice { padding-left: 10px; padding-right: 10px; pointer-events: none; z-index: 2 !important; box-sizing: border-box !important; position: relative; padding-top: 0px !important; margin-left: 35% !important; -webkit-animation: fade-css 0.30s ease-in-out both; animation: fade-css 0.30s ease-in-out both; -webkit-animation-delay: 0.55s;animation-delay: 0.55s; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media (max-width: 1125px) { #stacks_in_3014 .inner_slice { padding-top: 0px !important; margin-left: 35% !important; } #stacks_in_3014 .inner_slice_content { max-width: 160px; } } @media (max-width: 472px) { #stacks_in_3014 .inner_slice { padding-top: 0px !important; margin-left: 35% !important; } #stacks_in_3014 .inner_slice_content { max-width: 110px; } } #stacks_in_3014 .inner_slice_content, #stacks_in_3014 .inner_slice_content p, #stacks_in_3014 .inner_slice_content span, #stacks_in_3014 .inner_slice_content [class*="fa fa-"], #stacks_in_3014 .inner_slice_content h1, #stacks_in_3014 .inner_slice_content h2, #stacks_in_3014 .inner_slice_content h3, #stacks_in_3014 .inner_slice_content h4, #stacks_in_3014 .inner_slice_content h5, #stacks_in_3014 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_3014 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_3014 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_3014 .inner_slice_content a:link, #stacks_in_3014 .inner_slice_content a { } #stacks_in_3014 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_3014 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_3014 .inner_slice_content a:hover { } #stacks_in_3014 .inner_slice_content, #stacks_in_3014 .inner_slice_content p, #stacks_in_3014 .inner_slice_content span, #stacks_in_3014 .inner_slice_content [class*="fa fa-"], #stacks_in_3014 .inner_slice_content h1, #stacks_in_3014 .inner_slice_content h2, #stacks_in_3014 .inner_slice_content h3, #stacks_in_3014 .inner_slice_content h4, #stacks_in_3014 .inner_slice_content h5, #stacks_in_3014 .inner_slice_content h6 { } /* link Hype */ #stacks_in_3014 .hype-link-hover-group, #stacks_in_3014 .hype-link-hover, #stacks_in_3014 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_3014 .hype-link-hover { cursor: pointer !important; } #stacks_in_3014 .trigger-img-scale { opacity: 0; margin-top: 5% !important; opacity: 0.7; } #stacks_in_3014 .trigger-img-rotate { opacity: 0; } #stacks_in_3014 .trigger-morph { margin-top: 3% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_3029 { background-color: rgba(244, 244, 244, 1.00); } #stacks_in_3029_2 { padding: 15px 6px 0px 6px; } #stacks_in_2929>.s3_row { margin: 0 -0px; } #stacks_in_2929>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_2929>.s3_row>.s3_column_center { width: 20.000000%; } #stacks_in_2929>.s3_row>.s3_column_right { width: 40.00%; } #stacks_in_2929>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_2929 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; margin: 40px 0px 40px 0px; padding: 10px 10px 0px 10px; } #stacks_out_2929 { width: 266px; } #stacks_in_2930_button { display:block; position: relative; text-align: center; } #stacks_in_2930 a:link, #stacks_in_2930 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_2930 a:hover, #stacks_in_2930 a:active { color:#FFFFFF; } #stacks_in_2930 a:link, #stacks_in_2930 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_2930 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_2930 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_2994 { padding: 9px 0px 3px 0px; } #stacks_in_2936_button { display:block; position: relative; text-align: center; } #stacks_in_2936 a:link, #stacks_in_2936 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_2936 a:hover, #stacks_in_2936 a:active { color:#FFFFFF; } #stacks_in_2936 a:link, #stacks_in_2936 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_2936 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_2936 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_out_3000_2 { width: 41px; } /* -- Start EACH CSS Template -- */ /* fallback OLD Internet Explorer Family */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Clone */ #stacks_in_3020 .hype_explorer_fix { display: block !important; border-radius:500px !important; -webkit-border-radius:500px !important; } #stacks_in_3020 .hype_img_shape, #stacks_in_3020 .hype-path001 { display: none !important; } #stacks_in_3020 .hype_back_shape_ie_fix { border-radius:500px !important; -webkit-border-radius:500px !important; } #stacks_in_3020 .hype_back_shape { opacity: 0 !important; } #stacks_in_3020 .hype_back_shape_ie_fix { opacity: 1 !important; } /* ie fix */ #stacks_in_3020 .hype_back_shape_ie_fix { background-color: rgba(18, 151, 223, 1.00) !important; margin-top: 10px; margin-left: -10px; border-style: solid !important; border-color: rgba(18, 151, 223, 1.00) !important; border-width: 15px !important; display:block !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* Clone */ } #stacks_in_3020 .hype_video_shape { } #stacks_in_3020 .hype_videobox { width: 100% !important; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_3020 * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} stacks_in_3020_default9_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_3020 .HYPE_document { overflow: auto; %%[[if !edit]]%% direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; min-height: 460px !important; padding-bottom: 30px; %%[[endif]]%% } @media (max-width: 1125px) { #stacks_in_3020 .HYPE_document { min-height: 350px !important; } } @media (max-width: 472px) { #stacks_in_3020 .HYPE_document { min-height: 212px !important; } } /* ___START______ */ @media (min-width: 479px) { #stacks_in_3020 .stack_flex { padding-top: 0vh !important; padding-bottom: 0vh !important; } #stacks_in_3020 .stack_flex { } } #stacks_in_3020 .stack_image_bg { max-width: 100% !important; margin-right: auto; margin-left: auto; text-align: center; } #stacks_in_3020 .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; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_3020 .stack_image_bg_pic { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3020 .stack_image_bg_pic { 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_3020 .stack_image_bg_pic { 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_3020 .stack_image_bg_pic { 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_3020 .stack_image_bg_pic { background-attachment: scroll !important; } } #stacks_in_3020 .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_3020 .hype_img_shape, #stacks_in_3020 .hype_img_shape_ie_fix { background-image: url(https://images.unsplash.com/photo-1561131506-3c48296e2c20?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzI0OXwwfDF8c2VhcmNofDE0NXx8Y2FyfGVufDB8fHx8MTYyNzYwNTAyNQ&ixlib=rb-1.2.1&q=80&w=1080) !important; background-size: cover !important; background-position: 20% 50% !important; } #stacks_in_3020 .hype_shape_area { margin-left: 0% !important; margin-top: 0px !important; } @media (max-width: 1125px) { #stacks_in_3020 .hype_shape_area { margin-left: 0% !important; margin-top: 0px !important; } } @media (max-width: 472px) { #stacks_in_3020 .hype_shape_area { margin-left: 0% !important; margin-top: 18px !important; } } /* 3d shadow back */ #stacks_in_3020 .hype_back_shape path, #stacks_in_3020 .hype_back_shape { fill: rgba(18, 151, 223, 1.00) !important; margin-top: 10px; margin-left: -10px; stroke-style: solid !important; stroke: rgba(18, 151, 223, 1.00) !important; stroke-width: 15px !important; display:block !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } #stacks_in_3020 .inner_slice_content { text-align: left; pointer-events: auto; margin-right: auto; margin-left: auto; max-width: 180px; padding: 0px; background-color: rgba(1, 148, 229, 1.00) !important; background: linear-gradient(75deg, rgba(1, 148, 229, 1.00) 0%, rgba(97, 196, 255, 1.00) 100%) !important; } #stacks_in_3020 .inner_slice_content { border-radius:10px; -webkit-border-radius:10px; } #stacks_in_3020 .inner_slice { padding-left: 10px; padding-right: 10px; pointer-events: none; z-index: 2 !important; box-sizing: border-box !important; position: relative; padding-top: 0px !important; margin-left: 35% !important; -webkit-animation: fade-css 0.30s ease-in-out both; animation: fade-css 0.30s ease-in-out both; -webkit-animation-delay: 0.55s;animation-delay: 0.55s; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media (max-width: 1125px) { #stacks_in_3020 .inner_slice { padding-top: 0px !important; margin-left: 35% !important; } #stacks_in_3020 .inner_slice_content { max-width: 160px; } } @media (max-width: 472px) { #stacks_in_3020 .inner_slice { padding-top: 0px !important; margin-left: 35% !important; } #stacks_in_3020 .inner_slice_content { max-width: 110px; } } #stacks_in_3020 .inner_slice_content, #stacks_in_3020 .inner_slice_content p, #stacks_in_3020 .inner_slice_content span, #stacks_in_3020 .inner_slice_content [class*="fa fa-"], #stacks_in_3020 .inner_slice_content h1, #stacks_in_3020 .inner_slice_content h2, #stacks_in_3020 .inner_slice_content h3, #stacks_in_3020 .inner_slice_content h4, #stacks_in_3020 .inner_slice_content h5, #stacks_in_3020 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_3020 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_3020 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_3020 .inner_slice_content a:link, #stacks_in_3020 .inner_slice_content a { color: #970000 !important; } #stacks_in_3020 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_3020 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_3020 .inner_slice_content a:hover { color: #E3E3E3 !important; } #stacks_in_3020 .inner_slice_content, #stacks_in_3020 .inner_slice_content p, #stacks_in_3020 .inner_slice_content span, #stacks_in_3020 .inner_slice_content [class*="fa fa-"], #stacks_in_3020 .inner_slice_content h1, #stacks_in_3020 .inner_slice_content h2, #stacks_in_3020 .inner_slice_content h3, #stacks_in_3020 .inner_slice_content h4, #stacks_in_3020 .inner_slice_content h5, #stacks_in_3020 .inner_slice_content h6 { text-align: center !important; } /* link Hype */ #stacks_in_3020 .hype-link-hover-group, #stacks_in_3020 .hype-link-hover, #stacks_in_3020 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_3020 .hype-link-hover { cursor: pointer !important; } #stacks_in_3020 .trigger-img-scale { opacity: 0; margin-top: 60% !important; opacity: 0.7; } #stacks_in_3020 .trigger-img-rotate { opacity: 0; } #stacks_in_3020 .trigger-morph { margin-top: 59% !important; opacity: 0.7; } /* -- End EACH CSS Template -- */ #stacks_in_3021 { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } #stacks_in_3001_2>.s3_row { margin: 0 -8px; } #stacks_in_3001_2>.s3_row>.s3_column_left { width: 55.00%; } #stacks_in_3001_2>.s3_row>.s3_column_right { width: 45.000000%; } #stacks_in_3001_2>.s3_row>.s3_column { padding: 0 8px; } @media only screen and (max-width: 770px) { #stacks_in_3001_2>.s3_row { margin: -8px 0; } #stacks_in_3001_2>.s3_row>.s3_column { padding: 8px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_3001_2>.s3_row { margin: -8px 0; } #stacks_in_3001_2>.s3_row>.s3_column { padding: 8px 0; width:100%; } } #stacks_in_3001_3 { padding: 35px 0px 0px 0px; } #stacks_in_2991_1 { padding: 90px 0px 0px 0px; } #stacks_out_2991_1 { width: 200px; }