#stacks_in_106{ max-width: px;margin: 0 auto; } #stacks_in_106{ padding: px px px px; } @media screen and (min-width: px){ #stacks_in_106{ padding: px px px px; } }/* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_107 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_107 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_107 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_107 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_107 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_107 .back_wrapper_8573 { } } #stacks_in_107 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_107 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_107 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_107 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_107 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 35vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_107 .theme_title { color: #FC6008 !important; } /* B */ #stacks_in_107 .theme_title_b { color: #FFFFFF !important; } /* Tit A-B styles */ #stacks_in_107 .theme_slogan { color: #FFFFFF !important; font-size: 54px !important; font-family: "ralewaylight", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_107 .theme_title, #stacks_in_107 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "ralewaylight", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_107 .theme_title, #stacks_in_107 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_107 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ background: linear-gradient(45deg, rgba(255, 255, 255, 0.26) 44%, rgba(0, 0, 0, 0.48) 59%) !important; /* beta */ /* */ } #stacks_in_107 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_107 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_107 .back_wrapper_8573bg { 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_107 .back_wrapper_8573bg { 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_107 .back_wrapper_8573bg { 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_107 .back_wrapper_8573bg#stacks_in_107 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_107 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_107 .back_wrapper_8573bg { } } #stacks_in_107 .theme_title, #stacks_in_107 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_107 .theme_title, #stacks_in_107 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_107 .decoration_color_1 { background-color: #FC6008 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_107 .flash-color { background-color: rgba(252, 96, 8, 0.25) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: block !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_107 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_107 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_107 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_107 .scrollButton-hypetitles #stacks_in_107 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_107 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_107 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_107 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_107 .scrollButton-hypetitles { display: none !important; } #stacks_in_107 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_37 { padding: 20px; } #stacks_in_19 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } #stacks_in_8 { padding: 10px; } #stacks_out_8 { margin-left:0; } /* -- Start EACH CSS Template -- */ #stacks_in_93 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_93 .HYPE_document { overflow: auto; pointer-events: none !important; 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; } #stacks_in_93 .hype_bg-20, #stacks_in_93 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1300px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_93 .hype_bg-20-grad { display: none; } #stacks_in_93 .hype_bg-20 { background-color: rgba(254, 204, 102, 1.00) !important; background-image:none!important; background-size: cover !important; background-position: 50% 50%; opacity: 0.1; } @media screen and (max-width: 770px) { #stacks_in_93 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_93 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_93 .hype_bg-20 { 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_93 .hype_bg-20 { 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_93 .hype_bg-20 { 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_93 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_93_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_93 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1300px; } #stacks_in_93 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_93 .hype_line_20 path, #stacks_in_93 .hype_line_corner1 path, #stacks_in_93 .hype_line_corner2 path, #stacks_in_93 .hype_line_corner3 path, #stacks_in_93 .hype_line_corner4 path, #stacks_in_93 .hype_line_corner5 path, #stacks_in_93 .hype_line_corner6 path, #stacks_in_93 .hype_line_corner7 path, #stacks_in_93 .hype_line_corner8 path, #stacks_in_93 .hype_line_corner9 path, #stacks_in_93 .hype_line_corner10 path { stroke: #FC6008 !important; stroke-linecap: square !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_93 .hype_line_20 path, #stacks_in_93 .hype_line_corner1 path, #stacks_in_93 .hype_line_corner2 path, #stacks_in_93 .hype_line_corner3 path, #stacks_in_93 .hype_line_corner4 path, #stacks_in_93 .hype_line_corner5 path, #stacks_in_93 .hype_line_corner6 path, #stacks_in_93 .hype_line_corner7 path, #stacks_in_93 .hype_line_corner8 path, #stacks_in_93 .hype_line_corner9 path, #stacks_in_93 .hype_line_corner10 path { stroke-width: 4px !important; } @media (min-width: 630px) { #stacks_in_93 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_93 .hype_bg-20, #stacks_in_93 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_93 .hype_line_20 path, #stacks_in_93 .hype_line_corner1 path, #stacks_in_93 .hype_line_corner2 path, #stacks_in_93 .hype_line_corner3 path, #stacks_in_93 .hype_line_corner4 path, #stacks_in_93 .hype_line_corner5 path, #stacks_in_93 .hype_line_corner6 path, #stacks_in_93 .hype_line_corner7 path, #stacks_in_93 .hype_line_corner8 path, #stacks_in_93 .hype_line_corner9 path, #stacks_in_93 .hype_line_corner10 path { } #stacks_in_93 .hype_line_corner2, #stacks_in_93 .hype_line_corner3, #stacks_in_93 .hype_line_corner4, #stacks_in_93 .hype_line_corner5, #stacks_in_93 .hype_line_corner6, #stacks_in_93 .hype_line_corner7, #stacks_in_93 .hype_line_corner8, #stacks_in_93 .hype_line_corner9 path, #stacks_in_93 .hype_line_corner10 path { } #stacks_in_93 .hype_line_corner1 { } #stacks_in_93 .inner_slice_content { } } #stacks_in_93 .hype_line_corner1 path, #stacks_in_93 .hype_line_corner2 path, #stacks_in_93 .hype_line_corner3 path, #stacks_in_93 .hype_line_corner4 path, #stacks_in_93 .hype_line_corner5 path, #stacks_in_93 .hype_line_corner6 path, #stacks_in_93 .hype_line_corner7 path, #stacks_in_93 .hype_line_corner8 path, #stacks_in_93 .hype_line_corner9 path, #stacks_in_93 .hype_line_corner10 path { } #stacks_in_93 .hype_line_20, #stacks_in_93 .hype_line_20 path { } #stacks_in_93 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_93 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_out_89 { margin-left:0; } /* -- Start EACH CSS Template -- */ #stacks_in_92 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_92 .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; } #stacks_in_92_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_92 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_92 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; min-height: 300px !important; } @media (max-width: 768px) { #stacks_in_92 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_92 .vertical-19 { } } #stacks_in_92 .hype_line_19 path { stroke-width: 4px !important; stroke: #FC6008 !important; } @media (max-width: 768px) { #stacks_in_92 .hype_line_19 { } } @media (min-width: 768px) { #stacks_in_92 .hype_line_1col { } #stacks_in_92 .hype_line_1col { } #stacks_in_92 .hype_line_2col_l { } #stacks_in_92 .hype_line_2col_r { display: block !important; } #stacks_in_92 .hype_line_2col_long_r_to_c { } #stacks_in_92 .hype_line_2col_long_l_to_c { } #stacks_in_92 .hype_line_2col_long_r_to_c { } #stacks_in_92 .hype_line_2col_long_l_to_c { } #stacks_in_92 .hype_line_2col_long_r { } #stacks_in_92 .hype_line_2col_long_l { } #stacks_in_92 .hype_line_2col_l, #stacks_in_92 .hype_line_2col_r { } #stacks_in_92 .hype_line_3col_l, #stacks_in_92 .hype_line_3col_r { } #stacks_in_92 .hype_line_3col_c { } #stacks_in_92 .hype_line_3col_inv_l, #stacks_in_92 .hype_line_3col_inv_r { } #stacks_in_92 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_92 .hype_resp-oneline { display: block !important; } } #stacks_in_92 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_95 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_95 .HYPE_document { overflow: auto; pointer-events: none !important; 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; } #stacks_in_95 .hype_bg-20, #stacks_in_95 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1300px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_95 .hype_bg-20-grad { display: none; } #stacks_in_95 .hype_bg-20 { background-color: rgba(254, 204, 102, 1.00) !important; background-image:none!important; background-size: cover !important; background-position: 50% 50%; opacity: 0.1; } @media screen and (max-width: 770px) { #stacks_in_95 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_95 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_95 .hype_bg-20 { 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_95 .hype_bg-20 { 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_95 .hype_bg-20 { 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_95 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_95_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_95 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1300px; } #stacks_in_95 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_95 .hype_line_20 path, #stacks_in_95 .hype_line_corner1 path, #stacks_in_95 .hype_line_corner2 path, #stacks_in_95 .hype_line_corner3 path, #stacks_in_95 .hype_line_corner4 path, #stacks_in_95 .hype_line_corner5 path, #stacks_in_95 .hype_line_corner6 path, #stacks_in_95 .hype_line_corner7 path, #stacks_in_95 .hype_line_corner8 path, #stacks_in_95 .hype_line_corner9 path, #stacks_in_95 .hype_line_corner10 path { stroke: #FC6008 !important; stroke-linecap: round !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_95 .hype_line_20 path, #stacks_in_95 .hype_line_corner1 path, #stacks_in_95 .hype_line_corner2 path, #stacks_in_95 .hype_line_corner3 path, #stacks_in_95 .hype_line_corner4 path, #stacks_in_95 .hype_line_corner5 path, #stacks_in_95 .hype_line_corner6 path, #stacks_in_95 .hype_line_corner7 path, #stacks_in_95 .hype_line_corner8 path, #stacks_in_95 .hype_line_corner9 path, #stacks_in_95 .hype_line_corner10 path { stroke-width: 4px !important; } @media (min-width: 630px) { #stacks_in_95 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_95 .hype_bg-20, #stacks_in_95 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_95 .hype_line_20 path, #stacks_in_95 .hype_line_corner1 path, #stacks_in_95 .hype_line_corner2 path, #stacks_in_95 .hype_line_corner3 path, #stacks_in_95 .hype_line_corner4 path, #stacks_in_95 .hype_line_corner5 path, #stacks_in_95 .hype_line_corner6 path, #stacks_in_95 .hype_line_corner7 path, #stacks_in_95 .hype_line_corner8 path, #stacks_in_95 .hype_line_corner9 path, #stacks_in_95 .hype_line_corner10 path { } #stacks_in_95 .hype_line_corner2, #stacks_in_95 .hype_line_corner3, #stacks_in_95 .hype_line_corner4, #stacks_in_95 .hype_line_corner5, #stacks_in_95 .hype_line_corner6, #stacks_in_95 .hype_line_corner7, #stacks_in_95 .hype_line_corner8, #stacks_in_95 .hype_line_corner9 path, #stacks_in_95 .hype_line_corner10 path { } #stacks_in_95 .hype_line_corner1 { } #stacks_in_95 .inner_slice_content { } } #stacks_in_95 .hype_line_corner1 path, #stacks_in_95 .hype_line_corner2 path, #stacks_in_95 .hype_line_corner3 path, #stacks_in_95 .hype_line_corner4 path, #stacks_in_95 .hype_line_corner5 path, #stacks_in_95 .hype_line_corner6 path, #stacks_in_95 .hype_line_corner7 path, #stacks_in_95 .hype_line_corner8 path, #stacks_in_95 .hype_line_corner9 path, #stacks_in_95 .hype_line_corner10 path { } #stacks_in_95 .hype_line_20, #stacks_in_95 .hype_line_20 path { } #stacks_in_95 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_95 .preview_only { display: none; } /* -- End EACH CSS Template -- */#stacks_in_63>.s3_row { margin: 0 -10px; } #stacks_in_63>.s3_row>.s3_column_left { width: 32.00%; } #stacks_in_63>.s3_row>.s3_column_right { width: 68.000000%; } #stacks_in_63>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_63>.s3_row { margin: -10px 0; } #stacks_in_63>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_63 { margin: 20px; } /* -- Start EACH CSS Template -- */ #stacks_in_105 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_105 .HYPE_document { overflow: visible; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; height: 100% !important; } #stacks_in_105_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_105 .hype24box-1 { -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important;} #stacks_in_105 .hype24box-1l, #stacks_in_105 .hype24box-1r, #stacks_in_105 .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_105 .ie11fixtemp { position: absolute !important; }*/ #stacks_in_105 .mainimgbox24 { max-width: 900px !important; margin-right: auto; margin-left: auto; text-align: center; margin-left: auto; margin-right: auto; } #stacks_in_105 .hype24shadow { } #stacks_in_105 .hype24imgl, #stacks_in_105 .hype24imgr, #stacks_in_105 .hype24imgc { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; position: absolute !important; background-color: #E6E6E6 !important; background-image: url(../files/stack_drag_image-105.jpg) !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: repeat !important; } iframe { } #stacks_in_105 .hype24imgl img, #stacks_in_105 .hype24imgr img, #stacks_in_105 .hype24imgc img { display: block !important; width: 100% !important; height: auto !important; } #stacks_in_105 .hype24shadl, #stacks_in_105 .hype24shadr, #stacks_in_105 .hype24shadc { /* fix flickering */ /*-webkit-transform:translate3d(0,0,0) !important; */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%) !important; } #stacks_in_105 .hype24imgl:before, #stacks_in_105 .hype24imgr:before, #stacks_in_105 .hype24imgc:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; opacity: 1 !important; background-color: rgba(0, 0, 0, 0.40) !important; background-image: none !important; pointer-events:none !important; } /* edge shadow */ #stacks_in_105 .hype24shadl, #stacks_in_105 .hype24shadr, #stacks_in_105 .hype24shadc { /* fix flickering */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22) inset !important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22) inset !important; } /* selective link enabler */ /* to bend link */ #stacks_in_105 .h24-hover-to-bend { display: none !important; } /* to bend link blank */ #stacks_in_105 .h24-hover-to-bend-link { display: none !important; } /* bended link */ #stacks_in_105 .h24-hover-bended { display: none !important; } /* bended link blank */ #stacks_in_105 .h24-hover-bended-link { display: none !important; } /* it timeline is loaded then block and hover to bend reversed */ #stacks_in_105 .h24-hover-bended-group { display: block !important; } /* hover to bend conditionals */ #stacks_in_105 .h24-hover-to-bend-group { display: block !important; display: none !important; } /* click and access to URL content */ #stacks_in_105 .h24-hover-url-click { } /* height fixed or fluid */ #stacks_in_105 .vertical24 { margin: auto; width: 100%; position: relative; min-height: 250px; height: 50vh !important; } /* caption bendbox */ #stacks_in_105 .imgcaption24 [class^="fa fa-"], #stacks_in_105 .imgcaption24 [class*="fa fa-"] { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_105 .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: 15px; line-height: 1.22em; letter-spacing: 0px; position: absolute; height: 100%; width: 100%; vertical-align: middle; opacity: 1; z-index: 2; display: none; opacity: 0; /* BETA 1 */ text-align: center; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_105 .imgcaption24 p { transition: 0.2s ease-in-out !important; -webkit-transition: 0.2s ease-in-out !important; background-color: rgba(0, 0, 0, 0.75); padding: 10px; margin: 0; } /* txt auto fade */ #stacks_in_105 .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_105 .HYPE_document:hover > .imgcaption24 p { } #stacks_in_105 .HYPE_document:hover > .imgcaption24 [class^="fa fa-"], #stacks_in_105 .HYPE_document:hover > .imgcaption24 [class*="fa fa-"] { } #stacks_in_105 .HYPE_document:hover > .imgcaption24 p { opacity: 0 !important; } /* fixed size tablet - phone */ @media (max-width: 768px) { #stacks_in_105 .vertical24 { height:auto; } } @media (max-width: 400px) { #stacks_in_105 .vertical24 { height:auto; } } /* A Styles Mobile moptions */ @media (max-width: 768px) { #stacks_in_105 .hype24imgl, #stacks_in_105 .hype24imgr, #stacks_in_105 .hype24imgc { } #stacks_in_105 .mainimgbox24 { } #stacks_in_105 .hype24shadow { box-shadow: 0px 0px 18px 0px rgba(8, 8, 8, 0.60); -webkit-box-shadow: 0px 0px 18px 0px imgshadowcolor; } /* hide hype corners via internal css */ #stacks_in_105 .hype24box-1l, #stacks_in_105 .hype24box-1r, #stacks_in_105 .hype24box-1c, #stacks_in_105 .hype24shadow, #stacks_in_105 .h24-click-mob-group { } #stacks_in_105 .imgcaption24 { /* BETA1 */ } #stacks_in_105 .imgcaption24 p { } } /* B link enabler - mobile static image */ @media (max-width: 768px) { #stacks_in_105 .h24-click-mob-group { width: 0 !important; height: 0 !important; } #stacks_in_105 .h24-click-mob-link { } #stacks_in_105 .h24-click-mob-link-blank { } #stacks_in_105 .imgcaption24 { } #stacks_in_105 .hype24imgl:before, #stacks_in_105 .hype24imgr:before, #stacks_in_105 .hype24imgc:before { } } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_97 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_97 .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; } #stacks_in_97_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_97 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_97 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 35vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_97 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_97 .vertical-19 { } } #stacks_in_97 .hype_line_19 path { stroke-width: 4px !important; stroke: #FC6008 !important; } @media (max-width: 768px) { #stacks_in_97 .hype_line_19 { } } @media (min-width: 768px) { #stacks_in_97 .hype_line_1col { } #stacks_in_97 .hype_line_1col { } #stacks_in_97 .hype_line_2col_l { } #stacks_in_97 .hype_line_2col_r { } #stacks_in_97 .hype_line_2col_long_r_to_c { } #stacks_in_97 .hype_line_2col_long_l_to_c { } #stacks_in_97 .hype_line_2col_long_r_to_c { } #stacks_in_97 .hype_line_2col_long_l_to_c { } #stacks_in_97 .hype_line_2col_long_r { } #stacks_in_97 .hype_line_2col_long_l { display: block !important; } #stacks_in_97 .hype_line_2col_l, #stacks_in_97 .hype_line_2col_r { } #stacks_in_97 .hype_line_3col_l, #stacks_in_97 .hype_line_3col_r { } #stacks_in_97 .hype_line_3col_c { } #stacks_in_97 .hype_line_3col_inv_l, #stacks_in_97 .hype_line_3col_inv_r { } #stacks_in_97 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_97 .hype_resp-oneline { display: block !important; } } #stacks_in_97 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_118 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_118 .HYPE_document { overflow: auto; pointer-events: none !important; 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; } #stacks_in_118 .hype_bg-20, #stacks_in_118 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1300px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_118 .hype_bg-20-grad { display: none; } #stacks_in_118 .hype_bg-20 { background-color: rgba(254, 204, 102, 1.00) !important; background-image:none!important; background-size: cover !important; background-position: 50% 50%; opacity: 0.1; } @media screen and (max-width: 770px) { #stacks_in_118 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_118 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_118 .hype_bg-20 { 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_118 .hype_bg-20 { 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_118 .hype_bg-20 { 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_118 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_118_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_118 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1300px; } #stacks_in_118 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_118 .hype_line_20 path, #stacks_in_118 .hype_line_corner1 path, #stacks_in_118 .hype_line_corner2 path, #stacks_in_118 .hype_line_corner3 path, #stacks_in_118 .hype_line_corner4 path, #stacks_in_118 .hype_line_corner5 path, #stacks_in_118 .hype_line_corner6 path, #stacks_in_118 .hype_line_corner7 path, #stacks_in_118 .hype_line_corner8 path, #stacks_in_118 .hype_line_corner9 path, #stacks_in_118 .hype_line_corner10 path { stroke: #FC6008 !important; stroke-linecap: round !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_118 .hype_line_20 path, #stacks_in_118 .hype_line_corner1 path, #stacks_in_118 .hype_line_corner2 path, #stacks_in_118 .hype_line_corner3 path, #stacks_in_118 .hype_line_corner4 path, #stacks_in_118 .hype_line_corner5 path, #stacks_in_118 .hype_line_corner6 path, #stacks_in_118 .hype_line_corner7 path, #stacks_in_118 .hype_line_corner8 path, #stacks_in_118 .hype_line_corner9 path, #stacks_in_118 .hype_line_corner10 path { stroke-width: 4px !important; } @media (min-width: 630px) { #stacks_in_118 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_118 .hype_bg-20, #stacks_in_118 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_118 .hype_line_20 path, #stacks_in_118 .hype_line_corner1 path, #stacks_in_118 .hype_line_corner2 path, #stacks_in_118 .hype_line_corner3 path, #stacks_in_118 .hype_line_corner4 path, #stacks_in_118 .hype_line_corner5 path, #stacks_in_118 .hype_line_corner6 path, #stacks_in_118 .hype_line_corner7 path, #stacks_in_118 .hype_line_corner8 path, #stacks_in_118 .hype_line_corner9 path, #stacks_in_118 .hype_line_corner10 path { } #stacks_in_118 .hype_line_corner2, #stacks_in_118 .hype_line_corner3, #stacks_in_118 .hype_line_corner4, #stacks_in_118 .hype_line_corner5, #stacks_in_118 .hype_line_corner6, #stacks_in_118 .hype_line_corner7, #stacks_in_118 .hype_line_corner8, #stacks_in_118 .hype_line_corner9 path, #stacks_in_118 .hype_line_corner10 path { } #stacks_in_118 .hype_line_corner1 { } #stacks_in_118 .inner_slice_content { } } #stacks_in_118 .hype_line_corner1 path, #stacks_in_118 .hype_line_corner2 path, #stacks_in_118 .hype_line_corner3 path, #stacks_in_118 .hype_line_corner4 path, #stacks_in_118 .hype_line_corner5 path, #stacks_in_118 .hype_line_corner6 path, #stacks_in_118 .hype_line_corner7 path, #stacks_in_118 .hype_line_corner8 path, #stacks_in_118 .hype_line_corner9 path, #stacks_in_118 .hype_line_corner10 path { } #stacks_in_118 .hype_line_20, #stacks_in_118 .hype_line_20 path { } #stacks_in_118 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_118 .preview_only { display: none; } /* -- End EACH CSS Template -- */#stacks_in_119>.s3_row { margin: 0 -10px; } #stacks_in_119>.s3_row>.s3_column_left { width: 32.00%; } #stacks_in_119>.s3_row>.s3_column_right { width: 68.000000%; } #stacks_in_119>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_119>.s3_row { margin: -10px 0; } #stacks_in_119>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_119 { margin: 20px; } #stacks_in_47 { background-color: rgba(13, 42, 94, 0.16); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px; padding: 10px; } #stacks_out_47 { margin-left:0; }