/* -- EACH CSS Template -- */ /* Edit */ #stacks_in_3777 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_3777 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3777_default31_hype_container { } #stacks_in_3777 .button-stats { } #stacks_in_3777 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_3777 .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; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_3777 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 771vh; height: 70vh; min-height: 170px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3777 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_3777 .back_wrapper_31 { } } #stacks_in_3777 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 771px; height: 70vh; min-height: 170px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3777 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_3777 .wrapper_31 { } } /* Hype rot */ #stacks_in_3777 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @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 B */ #stacks_in_3777 .hype_title_31 { color: #67BAFA !important; } #stacks_in_3777 .hype_title_31_b { color: #29DAFA !important; } #stacks_in_3777 .hype_slogan_31 { color: #FFFFFF !important; font-size: 53px !important; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 25px !important; line-height: 87px !important; } /* Titles */ #stacks_in_3777 .hype_title_31, #stacks_in_3777 .hype_title_31_b { font-size: 178px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !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 medium', sans-serif !important; } #stacks_in_3777 .hype_title_31, #stacks_in_3777 .hype_title_31_b { } #stacks_in_3777 .hype_title_31, #stacks_in_3777 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_3777 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_3777 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots9.png) center center repeat !important; } #stacks_in_3777 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_3777 .back_wrapper_31::after, #stacks_in_3777 .back_wrapper_31bg::before { } } #stacks_in_3777 .back_wrapper_31bg { background-position: 50% 50% !important; background-size: cover !important; background: url(https://images.unsplash.com/photo-1486520299386-6d106b22014b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDE5fHxibHVlfGVufDB8fHx8MTc0MTAwNjgyMnww&ixlib=rb-4.0.3&q=80&w=1080); text-align: center; display: block; position: relative; max-width: 771vh; height: 70vh; min-height: 170px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_3777 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3777 .back_wrapper_31bg { 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_3777 .back_wrapper_31bg { 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_3777 .back_wrapper_31bg { 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_3777 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3777 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_3777 .back_wrapper_31bg { } } #stacks_in_3777 .hype_title_31, #stacks_in_3777 .hype_title_31_b { text-shadow: 1px 1px rgba(50, 95, 155, 1.00), 2px 2px rgba(50, 95, 155, 1.00), 3px 3px rgba(50, 95, 155, 1.00), 4px 4px rgba(50, 95, 155, 1.00), 5px 5px rgba(50, 95, 155, 1.00), 6px 6px rgba(50, 95, 155, 1.00), 7px 7px rgba(50, 95, 155, 1.00), 8px 8px rgba(50, 95, 155, 1.00), 9px 9px rgba(50, 95, 155, 1.00), 10px 10px rgba(50, 95, 155, 1.00) !important; } #stacks_in_3777 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_3777 .hype-glow-31 { display: none !important; } #stacks_in_3777 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_3777 .trigger-31 { margin-top: 70px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_3777 .scrollButton-hypetitles { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 16%; 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_3777 .scrollButton-hypetitles a { font-size: 39px !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_3777 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_3777 .scrollButton-hypetitles #stacks_in_3777 [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_3777 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_3777 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_3777 .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_3777 .scrollButton-hypetitles { display: none !important; } #stacks_in_3777 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }#stacks_in_3787>.s3_row { margin: 0 -15px; } #stacks_in_3787>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3787>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3787>.s3_row>.s3_column { padding: 0 15px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3787>.s3_row { margin: -15px 0; } #stacks_in_3787>.s3_row>.s3_column { padding: 15px 0; width:100%; } } #stacks_in_3787 { padding: 40px 0px 70px 0px; } #stacks_in_3792 { padding: 5px; } #stacks_in_3789 { padding: 5px; } /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_3782 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_3782 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_3782_default31_hype_container { } #stacks_in_3782 .button-stats { } #stacks_in_3782 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_3782 .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; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_3782 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 771vh; height: 250px; max-height: auto; min-height: auto; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3782 .back_wrapper_31 { height: 200px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_3782 .back_wrapper_31 { height: 100px; max-height: auto; min-height: auto; } } #stacks_in_3782 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 771px; height: 250px; max-height: auto; min-height: auto; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3782 .wrapper_31 { height: 200px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_3782 .wrapper_31 { height: 100px; max-height: auto; min-height: auto; } } /* Hype rot */ #stacks_in_3782 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @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 B */ #stacks_in_3782 .hype_title_31 { color: #436491 !important; } #stacks_in_3782 .hype_title_31_b { color: #83B1DC !important; } #stacks_in_3782 .hype_slogan_31 { color: #FFFFFF !important; font-size: 53px !important; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 30px !important; line-height: 87px !important; } /* Titles */ #stacks_in_3782 .hype_title_31, #stacks_in_3782 .hype_title_31_b { font-size: 200px !important; text-transform: uppercase; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'title_custom_font_selector', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: 'Squada One', sans-serif !important; font-weight !important; } #stacks_in_3782 .hype_title_31, #stacks_in_3782 .hype_title_31_b { } #stacks_in_3782 .hype_title_31, #stacks_in_3782 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_3782 .back_wrapper_31 { background: linear-gradient(0deg, rgba(113, 161, 211, 1.00) 0%, rgba(51, 80, 126, 1.00) 100%) !important; } #stacks_in_3782 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots4.png) center center repeat !important; } #stacks_in_3782 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_3782 .back_wrapper_31::after, #stacks_in_3782 .back_wrapper_31bg::before { } } #stacks_in_3782 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 771vh; height: 250px; max-height: auto; min-height: auto; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_3782 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_3782 .back_wrapper_31bg { 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_3782 .back_wrapper_31bg { 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_3782 .back_wrapper_31bg { 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_3782 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_3782 .back_wrapper_31bg { height: 200px; max-height: auto; min-height: auto; } } @media (max-width: 600px) { #stacks_in_3782 .back_wrapper_31bg { height: 100px; max-height: auto; min-height: auto; } } #stacks_in_3782 .hype_title_31, #stacks_in_3782 .hype_title_31_b { text-shadow: 3px 3px rgba(255, 255, 255, 1.00), 3px -3px rgba(255, 255, 255, 1.00), -3px 3px rgba(255, 255, 255, 1.00), -3px -3px rgba(255, 255, 255, 1.00) !important; } #stacks_in_3782 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_3782 .hype-glow-31 { display: none !important; } #stacks_in_3782 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_3782 .trigger-31 { margin-top: 58px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_3782 .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_3782 .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_3782 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_3782 .scrollButton-hypetitles #stacks_in_3782 [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_3782 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_3782 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_3782 .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_3782 .scrollButton-hypetitles { display: none !important; } #stacks_in_3782 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_3796 { background-color: rgba(255, 255, 255, 1.00); } #stacks_out_3796 { width: 100px; } #stacks_in_3797_button { display:block; position: relative; text-align: center; } #stacks_in_3797 a:link, #stacks_in_3797 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_3797 a:hover, #stacks_in_3797 a:active { color:#FFFFFF; } #stacks_in_3797 a:link, #stacks_in_3797 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_3797 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_3797 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_3800_button { display:block; position: relative; text-align: center; } #stacks_in_3800 a:link, #stacks_in_3800 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_3800 a:hover, #stacks_in_3800 a:active { color:#FFFFFF; } #stacks_in_3800 a:link, #stacks_in_3800 a:visited { background-color:#C8C8C8; background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#787878)); border:1px solid #787878; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_3800 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_3800 a:active { background-color:#C8C8C8; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_3802 { padding: 9px 0px 0px 0px; }