#stacks_in_56 h6,#stacks_in_56 h6 a,#stacks_in_56 p,#stacks_in_56 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; text-shadow: 0 0 1px rgba(85, 85, 85, 1.00), 0 1px 1px rgba(70, 70, 70, 1.00), 0 2px 1px rgba(55, 55, 55, 1.00), 0 3px 1px rgba(40, 40, 40, 1.00), 0 4px 1px rgba(25, 25, 25, 1.00), 0 5px 1px rgba(10, 10, 10, 1.00); padding:5px 0; } #stacks_in_56 p a:hover, #stacks_in_56 h6 a:hover{ color:rgba(204, 204, 204, 1.00); } /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_34 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_34 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_34 .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_34 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 450px; max-height: auto; min-height: auto; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_34 .back_wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_34 .back_wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_34 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 450px; max-height: auto; min-height: auto; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_34 .wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_34 .wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } /* Hype internal elements - rotation */ #stacks_in_34 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_34 .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_34 .theme_title { color: #FFFFFF !important; } /* B */ #stacks_in_34 .theme_title_b { color: #E6E6E6 !important; } /* Tit A-B styles */ #stacks_in_34 .theme_slogan { color: #FFFFFF !important; font-size: 96px !important; font-family: "cordial_pro_inlineBdrounded", 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: 6px !important; line-height: 85px !important; } /* TITLE CSS */ #stacks_in_34 .theme_title, #stacks_in_34 .theme_title_b { font-size: 105px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 25px !important; margin-left: 65px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "title_cordial_font_selector", serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: "cordial_pro_cherryBdrounded", serif !important; } /* upg 1.1.3 - 113 */ #stacks_in_34 .theme_title, #stacks_in_34 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_34 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_34 .back_wrapper_8573bg { background-position: 50% 50% !important; background-repeat: repeat-x !important; background: url(); text-align: center; display: block; position: relative; max-width: 1300vh; height: 450px; max-height: auto; min-height: auto; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_34 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_34 .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_34 .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_34 .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_34 .back_wrapper_8573bg#stacks_in_34 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_34 .back_wrapper_8573bg { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_34 .back_wrapper_8573bg { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_34 .theme_title, #stacks_in_34 .theme_title_b { } #stacks_in_34 .theme_title, #stacks_in_34 .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_34 .decoration_color_1 { background-color: #2FC726 !important; display: block !important; margin-top: -10px !important; margin-left: -70px !important; } #stacks_in_34 .flash-color { background-color: rgba(246, 255, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_34 .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_34 .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_34 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_34 .scrollButton-hypetitles #stacks_in_34 [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_34 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_34 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_34 .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_34 .scrollButton-hypetitles { display: none !important; } #stacks_in_34 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_out_59 { width: 70%; } /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_32 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_32 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_32 .wrapper_link { display: block !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_32 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 450px; max-height: auto; min-height: auto; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_32 .back_wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_32 .back_wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_32 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 450px; max-height: auto; min-height: auto; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_32 .wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_32 .wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } /* Hype internal elements - rotation */ #stacks_in_32 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_32 .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_32 .theme_title { color: #FFFFFF !important; } /* B */ #stacks_in_32 .theme_title_b { color: #E6E6E6 !important; } /* Tit A-B styles */ #stacks_in_32 .theme_slogan { color: #FFFFFF !important; font-size: 96px !important; font-family: "cordial_pro_cherryBdrounded", 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: 6px !important; line-height: 85px !important; } /* TITLE CSS */ #stacks_in_32 .theme_title, #stacks_in_32 .theme_title_b { font-size: 105px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 25px !important; margin-left: 65px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "title_cordial_font_selector", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: "cordial_pro_inlineBdrounded", sans-serif !important; } /* upg 1.1.3 - 113 */ #stacks_in_32 .theme_title, #stacks_in_32 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_32 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_32 .back_wrapper_8573bg { background-position: 50% 50% !important; background-repeat: repeat-x !important; background: url(); text-align: center; display: block; position: relative; max-width: 1300vh; height: 450px; max-height: auto; min-height: auto; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_32 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_32 .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_32 .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_32 .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_32 .back_wrapper_8573bg#stacks_in_32 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_32 .back_wrapper_8573bg { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_32 .back_wrapper_8573bg { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_32 .theme_title, #stacks_in_32 .theme_title_b { } #stacks_in_32 .theme_title, #stacks_in_32 .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_32 .decoration_color_1 { background-color: #FFFF0A !important; display: block !important; margin-top: -10px !important; margin-left: -70px !important; } #stacks_in_32 .flash-color { background-color: rgba(246, 255, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_32 .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_32 .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_32 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_32 .scrollButton-hypetitles #stacks_in_32 [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_32 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_32 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_32 .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_32 .scrollButton-hypetitles { display: none !important; } #stacks_in_32 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* -- EACH CSS Template -- */ /* ---- edit END -- */ /* ------- global ------ */ #stacks_in_38 *{ box-sizing: border-box !important; } /* ------- perspective setting ------ */ #stacks_in_38 .perspective-1-up .HYPE_element_container, #stacks_in_38 .perspective-1-down .HYPE_element_container, #stacks_in_38 .perspective-2-left .HYPE_element_container, #stacks_in_38 .perspective-2-right .HYPE_element_container, #stacks_in_38 .perspective-3-left .HYPE_element_container, #stacks_in_38 .perspective-3-right .HYPE_element_container, /*#stacks_in_38 .perspective-6-left .HYPE_element_container, #stacks_in_38 .perspective-6-right .HYPE_element_container, #stacks_in_38 .perspective-7-left .HYPE_element_container, #stacks_in_38 .perspective-7-right .HYPE_element_container,*/ #stacks_in_38 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important;} /* ------- box ------ */ /* scene 1 - horiz solid */ #stacks_in_38 .perspective-1-down { } #stacks_in_38 .perspective-1-up { } /* scene 2 - verical solid */ #stacks_in_38 .perspective-2-right { display: block !important; } #stacks_in_38 .perspective-2-left { display: none !important; } /* scene 3 - fluid cube max 800 */ #stacks_in_38 .perspective-3-right { } #stacks_in_38 .perspective-3-left { } /* scene 4 - fluid box max 800 */ #stacks_in_38 .perspective-4-right { display: block !important; } #stacks_in_38 .perspective-4-left { display: none !important; } /* scene 5 - fluid box max 800 */ #stacks_in_38 .perspective-5-right { } #stacks_in_38 .perspective-5-left { } /* scene 6 - fluid box max 1000 */ #stacks_in_38 .perspective-6-right { } #stacks_in_38 .perspective-6-left { } /* scene 7 - fluid box max 1000 */ #stacks_in_38 .perspective-7-right { } #stacks_in_38 .perspective-7-left { } #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 610px; min-height: 610px; max-height: 800px; } /* scene 3 BP */ @media (max-width: 1000px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } /* scene 4 BP */ @media (max-width: 800px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } /* scene 5 BP */ @media (max-width: 800px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { max-width: 270px; min-height: 270px; } } /* scene 6 BP new */ @media (max-width: 800px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } /* scene 7 BP new */ @media (max-width: 800px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_38 .anim-wrapper, stacks_in_38_default5_hype_container { } } stacks_in_38_default5_hype_container, #stacks_in_38 .HYPE_document, #stacks_in_38 .anim-wrapper, .HYPE_element_container { } /* ------------ required for Chrome ----------- */ #stacks_in_38 .text-front, #stacks_in_38 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(255, 255, 255, 0.95) !important; } #stacks_in_38 .text-front { -webkit-text-stroke: 2px !important; -webkit-text-fill-color: transparent !important; } /* ------------ required for Chrome ----------- */ #stacks_in_38 .text-bottom { color: rgba(255, 255, 255, 1.00) !important; } /* ------------ link on hover -------------- */ /* ------------ img 1 -------------- */ #stacks_in_38 .surface-1, #stacks_in_38 .surface-2 { background-size: cover !important; background-image: url(../files/1_image-38.jpg) !important; } #stacks_in_38 .surface-1 { filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; background-blend-mode: luminosity; } /* ------------ img 2 -------------- */ #stacks_in_38 .surface-2 { background-size: cover !important; background-image: url(../files/2_image-38.jpg) !important; background-position: 50% 50% !important; background-color: #E6E6E6 !important; background-blend-mode: hard-light !important; } #stacks_in_38 .surface-1, #stacks_in_38 .surface-2 { background-position: 50% 50% !important; background-color: #141E75 !important; } #stacks_in_38 .hype-solid-border { } /* ------------ gradient colous -------------- */ #stacks_in_38 .share-gradient { background: linear-gradient(90deg, rgba(20, 30, 117, 0.00) 81%, rgba(251, 2, 7, 0.29) 98%) !important; } #stacks_in_38 .share-gradient-2 { background: linear-gradient(35deg, rgba(0, 0, 0, 0.77) 1%, rgba(56, 174, 255, 0.00) 53%) !important; } /* waipoint trigger */ #stacks_in_38 .hype-element-trigger { opacity: 0.7; margin-top: 90% !important; } #stacks_in_38 .hype-hover-repeat-off { } #stacks_in_38 .text-front, #stacks_in_38 .text-front p, #stacks_in_38 .text-bottom, #stacks_in_38 .text-bottom p { text-align: center !important; } /* text */ #stacks_in_38 .text-front, #stacks_in_38 .text-bottom { font-size: 53px !important; font-style: none !important; text-transform: none !important; text-decoration: None; letter-spacing: 0px !important; line-height: 400px !important; font-family: "title_custom_font_selector", cursive !important; margin-top: -217px; margin-left: 0px; font-family: 'Fredoka One', cursive !important; font-weight: 400 !important; filter: blur(0px) !important; filter: blur(0px) !important; } /* custom AW icon */ #stacks_in_38 .icon-aw, #stacks_in_38 .icon-aw [class*="fa fa-"], #stacks_in_38 .icon-aw [class^="fa fa-"]{ font-size: 205px !important; color: rgba(255, 255, 255, 1.00) !important; } /* custom PNG --- code ---- */ #stacks_in_38 .icon-svg, #stacks_in_38 .icon-svg-1 { display: block !important; background-image: url() !important; background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; margin-top: 400px; margin-left: 316px; } #stacks_in_38 .icon-svg { width: 761px !important; height: auto !important; } #stacks_in_38 .icon-svg-1 { width: 761px !important; height: 761px !important; } /* --- code ---- */ #stacks_in_38 .text-front, #stacks_in_38 .text-bottom { /* shadow set */ } /* link managed in Hype */ #stacks_in_38 .hype-link-simple-group, #stacks_in_38 .hype-link-simple, #stacks_in_38 .hype-link-simple-blank { } #stacks_in_38 .hype-link-hover-group, #stacks_in_38 .hype-link-hover, #stacks_in_38 .hype-link-hover-blank { display: block !important; } /* link hover */ #stacks_in_38 .hype-link-simple, #stacks_in_38 .hype-link-hover { } /* hype drag icons selectors */ #stacks_in_38 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_38 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_38 .text-front, #stacks_in_38 .text-bottom { } } /* -- End EACH CSS Template end -- */ #stacks_out_40 { width: 39%; } #stacks_out_44 { width: 55%; }