/* -- EACH CSS Template -- */ #stacks_in_27273 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_27273 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_27273_default28_hype_container, #stacks_in_27273 .HYPE_document, #stacks_in_27273 .back_wrapper_28, #stacks_in_27273 .back_wrapper { pointer-events: none !important; } #stacks_in_27273_default28_hype_container { direction:ltr !important; margin:auto; display: block !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } #stacks_in_27273 .width28 { max-width: 1230px; margin-right: auto; margin-left: auto; text-align: center; } /* fixed - fluid and BG */ #stacks_in_27273 .back_wrapper_28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; background-color: #4FAFFA; } /* BG img only */ #stacks_in_27273 .back_wrapper_28:before { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; opacity: 0.55; background: url(https://images.unsplash.com/photo-1578349035260-9f3d4042f1f7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDF8fG51cnNlcnl8ZW58MHx8fHwxNzExMjg4NzIyfDA&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat; background-size: cover; } #stacks_in_27273 .back_wrapper_28:after { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; display: none; display: block; box-shadow: inset 0 0 250px rgba(0, 0, 0, 1.00); -webkit-box-shadow: inset 0 0 250px rgba(0, 0, 0, 1.00); } /* Dots */ #stacks_in_27273 .back_wrapper:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../files/images/dots0.png) center center repeat; opacity: 0.60; } /* Responsive */ #stacks_in_27273 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* fluid 2x */ #stacks_in_27273 .size28 { display: flex; height: 100vh; min-height: 200px; } @media (max-width: 800px) { #stacks_in_27273 .size28 { height: 50vh; } } /* fixed 3x below fluid */ #stacks_in_27273 .size28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; } @media (max-width: 800px) { #stacks_in_27273 .size28 { } } @media (max-width: 600px) { #stacks_in_27273 .size28 { } } /* 1 2 3 4 5 */ #stacks_in_27273 .hype-28-pic-frame-1, #stacks_in_27273 .hype-28-pic-frame-2, #stacks_in_27273 .hype-28-pic-frame-3, #stacks_in_27273 .hype-28-pic-frame-4, #stacks_in_27273 .hype-28-pic-frame-5 { border-radius:7px !important; -webkit-border-radius:7px !important; box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.34) !important; border: 13px solid #FFFFFF !important; background-color: rgba(52, 52, 52, 0.16) !important; } #stacks_in_27273 .28-symb-5, #stacks_in_27273 .hype-28-pic-frame-5, #stacks_in_27273 .hype-28-pic-5 { transform: scale(1.75) !important; -webkit-transform: scale(1.75) !important;} #stacks_in_27273 .hype-28-pic-1, #stacks_in_27273 .hype-28-pic-2, #stacks_in_27273 .hype-28-pic-3, #stacks_in_27273 .hype-28-pic-4, #stacks_in_27273 .hype-28-pic-5 { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important;} /* overlay */ #stacks_in_27273 .hype-28-pic-1:after, #stacks_in_27273 .hype-28-pic-2:after, #stacks_in_27273 .hype-28-pic-3:after, #stacks_in_27273 .hype-28-pic-4:after, #stacks_in_27273 .hype-28-pic-5:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* 1 */ #stacks_in_27273 .hype-28-pic-frame-1 { display: none !important; display: block !important; margin-top: -7%; margin-left: -32%; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important; } #stacks_in_27273 .hype-28-pic-1 { background: url(https://images.unsplash.com/photo-1537440499989-de5f6b6854de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDEyfHxraWRzfGVufDB8fHx8MTcxMTI4ODI5MXww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27273 .hype-28-pic-1:after { background-color: rgba(0, 211, 181, 0.29); } /* 2 */ #stacks_in_27273 .hype-28-pic-frame-2 { display: none !important; display: block !important; margin-top: -1%; margin-left: -3%; transform: rotate( 2deg ) !important; -webkit-transform: rotate( 2deg ) !important; } #stacks_in_27273 .hype-28-pic-2 { background: url(https://images.unsplash.com/photo-1483489571097-0ca295ba3d08?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDMwOXx8a2lkc3xlbnwwfHx8fDE3MTEyODg0Njd8MA&ixlib=rb-4.0.3&q=80&w=1080) 50% 0% no-repeat !important; background-size: cover !important; } #stacks_in_27273 .hype-28-pic-2:after { background-color: rgba(169, 46, 240, 0.13); } /* 3 */ #stacks_in_27273 .hype-28-pic-frame-3 { display: none !important; display: block !important; margin-top: -4%; margin-left: 58%; transform: rotate( 10deg ) !important; -webkit-transform: rotate( 10deg ) !important; } #stacks_in_27273 .hype-28-pic-3 { background: url(https://images.unsplash.com/photo-1489367874814-f5d040621dd8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDY0fHxraWRzfGVufDB8fHx8MTcxMTI4ODM4MHww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27273 .hype-28-pic-3:after { background-color: rgba(112, 163, 212, 0.29); } /* 4 */ #stacks_in_27273 .hype-28-pic-frame-4 { display: none !important; display: block !important; margin-top: 0%; margin-left: -53%; transform: rotate( -10deg ) !important; -webkit-transform: rotate( -10deg ) !important; } #stacks_in_27273 .hype-28-pic-4 { background: url(https://images.unsplash.com/photo-1607211851821-8be3cd6146f0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDI4fHxraWRzfGVufDB8fHx8MTcxMTI4ODI5MXww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27273 .hype-28-pic-4:after { background-color: rgba(100, 153, 223, 0.22); } /* 5 */ #stacks_in_27273 .hype-28-pic-frame-5 { display: none !important; display: block !important; margin-top: 51%; margin-left: 216%; transform: rotate( 6deg ) !important; -webkit-transform: rotate( 6deg ) !important; } #stacks_in_27273 .hype-28-pic-5 { background: url(https://images.unsplash.com/photo-1575881737088-a5a2bbf44e85?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDQ5fHxraWRzfGVufDB8fHx8MTcxMTI4ODI5Mnww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27273 .hype-28-pic-5:after { background-color: rgba(255, 104, 35, 0.23); } /* text */ #stacks_in_27273 .hype_text_28_box { } #stacks_in_27273 .hype_text_28_clip { margin-top: 11px !important; margin-left: 0px !important; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important;} #stacks_in_27273 .hype_text_28 { -webkit-font-smoothing: antialiased !important; font-size: 406px !important; letter-spacing: -8px !important; line-height: 49px !important; font-family: "Passion One", sans-serif !important; color: rgba(250, 206, 35, 1.00) !important; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.35); font-style: italic; } #stacks_in_27273 .hype-28-pic-1, #stacks_in_27273 .hype-28-pic-2, #stacks_in_27273 .hype-28-pic-3, #stacks_in_27273 .hype-28-pic-4, #stacks_in_27273 .hype-28-pic-5 { } #stacks_in_27273 .28-symb-1 { } /* scroll */ #stacks_in_27273 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 56px !important; margin-bottom: 10px; } #stacks_in_27273 .scrollButton-element [class^="fa fa-"], #stacks_in_27273 .scrollButton-element #stacks_in_27273 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_27273 .scrollButton-txt { box-sizing: border-box; font-size: 18px; line-height: 1.2em; letter-spacing: 1px; text-indent: 9px !important; margin-right: auto; margin-top: -11px; z-index: 1; top: -25px; display:none; display: block !important; text-align: center !important; position: absolute; overflow: visible; font-family: "button-safe-font-s", sans-serif !important; font-family: "Comic Sans MS", sans-serif !important; font-weight: 400 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_27273 .scrollButton-element [class^="fa fa-"], #stacks_in_27273 .scrollButton-element #stacks_in_27273 [class*="fa fa-"], #stacks_in_27273 .scrollButton-element:after, #stacks_in_27273 .scrollButton-txt { color: #FFFFFF !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_27273 .scrollButton-element [class^="fa fa-"], #stacks_in_27273 .scrollButton-element #stacks_in_27273 [class*="fa fa-"] { } #stacks_in_27273 .scrollButton-txt:hover, #stacks_in_27273 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_27273 .scrollButton-element a { font-size: 52px !important; line-height: 1em; color: #FFFFFF !important; } #stacks_in_27273 .scrollButton-txt:active, #stacks_in_27273 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-width: 800px) { #stacks_in_27273 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* Links */ #stacks_in_27273 .hype-link-hover-group, #stacks_in_27273 .hype-link-hover, #stacks_in_27273 .hype-link-hover-blank { } #stacks_in_27273 .hype-link-hover { } /* Scroll anim */ #stacks_in_27273 .trigger-28 { margin-top: 300px !important; } #stacks_in_27273 .preview_only { opacity: 0.0 !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Alfa Slab One'; src: url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff2') format('woff2'), url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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; font-display: swap; } @font-face { font-family: 'Anton'; src: url('../files/webfonts/anton/Anton-Regular.woff2') format('woff2'), url('../files/webfonts/anton/Anton-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } @font-face {font-family: 'Lato'; src: url('../files/webfonts/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Montserrat'; src: url('../files/webfonts/montserrat/montserrat-medium.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Passion One'; src: url('../files/webfonts/passionone/PassionOne-Regular.woff2') format('woff2'), url('../files/webfonts/passionone/PassionOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Raleway'; src: url('../files/webfonts/raleway/Raleway-Medium.woff2') format('woff2'), url('../files/webfonts/raleway/Raleway-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } /* @end */ /* -- End EACH CSS Template -- */ #stacks_in_27341 { padding: 30px 0px 0px 0px; } #stacks_in_27275>.s3_row { margin: 0 -20px; } #stacks_in_27275>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_27275>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_27275>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_27275>.s3_row { margin: -20px 0; } #stacks_in_27275>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_27275>.s3_row { margin: -20px 0; } #stacks_in_27275>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_27275 { padding: 10px 0px 40px 0px; } #stacks_in_27277>.s3_row { margin: 0 -0px; } #stacks_in_27277>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_27277>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_27277>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_27277>.s3_row { margin: -0px 0; } #stacks_in_27277>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_27277>.s3_row { margin: -0px 0; } #stacks_in_27277>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_27277 { background-color: rgba(96, 144, 203, 0.39); background-image: url("F834D66E-D9A2-4F93-9336-30F3E45D772F.png"); background-repeat: repeat; background-size: cover; background-position: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 60px 0px 0px 0px; padding: 30px 0px 30px 0px; } #stacks_in_27355 { background-color: rgba(246, 246, 246, 1.00); margin: 30px 0px 0px 20px; padding: 8px 4px 0px 5px; } #stacks_out_27355 { width: 210px; margin-left:0; } #stacks_in_27348 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 20px 0px 20px; padding: 13px 4px 15px 20px; } /* -- EACH CSS Template -- */ #stacks_in_27339 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_27339 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_27339_default28_hype_container, #stacks_in_27339 .HYPE_document, #stacks_in_27339 .back_wrapper_28, #stacks_in_27339 .back_wrapper { pointer-events: none !important; } #stacks_in_27339_default28_hype_container { direction:ltr !important; margin:auto; display: block !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } #stacks_in_27339 .width28 { max-width: 1290px; margin-right: auto; margin-left: auto; text-align: center; } /* fixed - fluid and BG */ #stacks_in_27339 .back_wrapper_28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; background-image: -webkit-radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; background-image: radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; } /* BG img only */ #stacks_in_27339 .back_wrapper_28:before { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; } #stacks_in_27339 .back_wrapper_28:after { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; display: none; display: block; } /* Dots */ #stacks_in_27339 .back_wrapper:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../files/images/dots0.png) center center repeat; opacity: 0.60; } /* Responsive */ #stacks_in_27339 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* fluid 2x */ #stacks_in_27339 .size28 { min-height: 321px; } @media (max-width: 800px) { #stacks_in_27339 .size28 { } } /* fixed 3x below fluid */ #stacks_in_27339 .size28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; min-height: 321px; } @media (max-width: 800px) { #stacks_in_27339 .size28 { } } @media (max-width: 600px) { #stacks_in_27339 .size28 { min-height: 250px; height:auto; } } /* 1 2 3 4 5 */ #stacks_in_27339 .hype-28-pic-frame-1, #stacks_in_27339 .hype-28-pic-frame-2, #stacks_in_27339 .hype-28-pic-frame-3, #stacks_in_27339 .hype-28-pic-frame-4, #stacks_in_27339 .hype-28-pic-frame-5 { border-radius:7px !important; -webkit-border-radius:7px !important; box-shadow: 0px 0px 13px rgba(20, 20, 20, 0.43) !important; border: 20px solid #FFFFFF !important; background-color: rgba(52, 52, 52, 0.16) !important; } #stacks_in_27339 .28-symb-5, #stacks_in_27339 .hype-28-pic-frame-5, #stacks_in_27339 .hype-28-pic-5 { transform: scale(1.75) !important; -webkit-transform: scale(1.75) !important;} #stacks_in_27339 .hype-28-pic-1, #stacks_in_27339 .hype-28-pic-2, #stacks_in_27339 .hype-28-pic-3, #stacks_in_27339 .hype-28-pic-4, #stacks_in_27339 .hype-28-pic-5 { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important;} /* overlay */ #stacks_in_27339 .hype-28-pic-1:after, #stacks_in_27339 .hype-28-pic-2:after, #stacks_in_27339 .hype-28-pic-3:after, #stacks_in_27339 .hype-28-pic-4:after, #stacks_in_27339 .hype-28-pic-5:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* 1 */ #stacks_in_27339 .hype-28-pic-frame-1 { display: none !important; display: block !important; margin-top: 1%; margin-left: -27%; transform: rotate( 3deg ) !important; -webkit-transform: rotate( 3deg ) !important; } #stacks_in_27339 .hype-28-pic-1 { background: url(https://images.unsplash.com/photo-1537440499989-de5f6b6854de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDEyfHxraWRzfGVufDB8fHx8MTcxMTI4ODI5MXww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27339 .hype-28-pic-1:after { background-color: rgba(0, 211, 181, 0.29); } /* 2 */ #stacks_in_27339 .hype-28-pic-frame-2 { display: none !important; } #stacks_in_27339 .hype-28-pic-2 { } #stacks_in_27339 .hype-28-pic-2:after { } /* 3 */ #stacks_in_27339 .hype-28-pic-frame-3 { display: none !important; display: block !important; margin-top: -10%; margin-left: 74%; transform: rotate( -4deg ) !important; -webkit-transform: rotate( -4deg ) !important; } #stacks_in_27339 .hype-28-pic-3 { background: url(https://images.unsplash.com/photo-1489367874814-f5d040621dd8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDY0fHxraWRzfGVufDB8fHx8MTcxMTI4ODM4MHww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27339 .hype-28-pic-3:after { background-color: rgba(112, 163, 212, 0.29); } /* 4 */ #stacks_in_27339 .hype-28-pic-frame-4 { display: none !important; display: block !important; margin-top: 10%; margin-left: -2%; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important; } #stacks_in_27339 .hype-28-pic-4 { background: url(https://images.unsplash.com/photo-1607211851821-8be3cd6146f0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDI4fHxraWRzfGVufDB8fHx8MTcxMTI4ODI5MXww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27339 .hype-28-pic-4:after { background-color: rgba(100, 153, 223, 0.22); } /* 5 */ #stacks_in_27339 .hype-28-pic-frame-5 { display: none !important; } #stacks_in_27339 .hype-28-pic-5 { } #stacks_in_27339 .hype-28-pic-5:after { } /* text */ #stacks_in_27339 .hype_text_28_box { } #stacks_in_27339 .hype_text_28_clip { display: none !important; margin-top: 45px !important; margin-left: 0px !important; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important;} #stacks_in_27339 .hype_text_28 { -webkit-font-smoothing: antialiased !important; font-size: 406px !important; letter-spacing: -8px !important; line-height: 49px !important; font-family: "Passion One", sans-serif !important; color: rgba(255, 255, 255, 1.00) !important; font-style: italic; } #stacks_in_27339 .hype-28-pic-1, #stacks_in_27339 .hype-28-pic-2, #stacks_in_27339 .hype-28-pic-3, #stacks_in_27339 .hype-28-pic-4, #stacks_in_27339 .hype-28-pic-5 { } #stacks_in_27339 .28-symb-1 { } /* scroll */ #stacks_in_27339 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: -15px !important; margin-bottom: 10px; } #stacks_in_27339 .scrollButton-element [class^="fa fa-"], #stacks_in_27339 .scrollButton-element #stacks_in_27339 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_27339 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: 1px !important; margin-right: auto; margin-top: 0px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "button_safe_font_s", sans-serif !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_27339 .scrollButton-element [class^="fa fa-"], #stacks_in_27339 .scrollButton-element #stacks_in_27339 [class*="fa fa-"], #stacks_in_27339 .scrollButton-element:after, #stacks_in_27339 .scrollButton-txt { color: #FFFFFF !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_27339 .scrollButton-element [class^="fa fa-"], #stacks_in_27339 .scrollButton-element #stacks_in_27339 [class*="fa fa-"] { } #stacks_in_27339 .scrollButton-txt:hover, #stacks_in_27339 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_27339 .scrollButton-element a { font-size: 90px !important; line-height: 1em; color: #FFFFFF !important; } #stacks_in_27339 .scrollButton-txt:active, #stacks_in_27339 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-width: 800px) { } /* Links */ #stacks_in_27339 .hype-link-hover-group, #stacks_in_27339 .hype-link-hover, #stacks_in_27339 .hype-link-hover-blank { } #stacks_in_27339 .hype-link-hover { } /* Scroll anim */ #stacks_in_27339 .trigger-28 { margin-top: 50px !important; } #stacks_in_27339 .preview_only { opacity: 0.0 !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Alfa Slab One'; src: url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff2') format('woff2'), url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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; font-display: swap; } @font-face { font-family: 'Anton'; src: url('../files/webfonts/anton/Anton-Regular.woff2') format('woff2'), url('../files/webfonts/anton/Anton-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } @font-face {font-family: 'Lato'; src: url('../files/webfonts/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Montserrat'; src: url('../files/webfonts/montserrat/montserrat-medium.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Passion One'; src: url('../files/webfonts/passionone/PassionOne-Regular.woff2') format('woff2'), url('../files/webfonts/passionone/PassionOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Raleway'; src: url('../files/webfonts/raleway/Raleway-Medium.woff2') format('woff2'), url('../files/webfonts/raleway/Raleway-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } /* @end */ /* -- End EACH CSS Template -- */#stacks_in_27278>.s3_row { margin: 0 -0px; } #stacks_in_27278>.s3_row>.s3_column_left { width: 54.00%; } #stacks_in_27278>.s3_row>.s3_column_right { width: 46.000000%; } #stacks_in_27278>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_27278>.s3_row { margin: -0px 0; } #stacks_in_27278>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_27278>.s3_row { margin: -0px 0; } #stacks_in_27278>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_27278 { background-color: rgba(201, 108, 204, 0.39); background-image: url("58CCE99B-CDB1-4340-9545-7C6EBB3D609A.png"); background-repeat: repeat; background-size: cover; background-position: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 60px 0px 0px 0px; padding: 30px 0px 30px 0px; } /* -- EACH CSS Template -- */ #stacks_in_27340 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_27340 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_27340_default28_hype_container, #stacks_in_27340 .HYPE_document, #stacks_in_27340 .back_wrapper_28, #stacks_in_27340 .back_wrapper { pointer-events: none !important; } #stacks_in_27340_default28_hype_container { direction:ltr !important; margin:auto; display: block !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } #stacks_in_27340 .width28 { max-width: 1290px; margin-right: auto; margin-left: auto; text-align: center; } /* fixed - fluid and BG */ #stacks_in_27340 .back_wrapper_28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; background-image: -webkit-radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; background-image: radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; } /* BG img only */ #stacks_in_27340 .back_wrapper_28:before { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; } #stacks_in_27340 .back_wrapper_28:after { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; display: none; display: block; } /* Dots */ #stacks_in_27340 .back_wrapper:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../files/images/dots0.png) center center repeat; opacity: 0.60; } /* Responsive */ #stacks_in_27340 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* fluid 2x */ #stacks_in_27340 .size28 { min-height: 321px; } @media (max-width: 800px) { #stacks_in_27340 .size28 { } } /* fixed 3x below fluid */ #stacks_in_27340 .size28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; min-height: 321px; } @media (max-width: 800px) { #stacks_in_27340 .size28 { } } @media (max-width: 600px) { #stacks_in_27340 .size28 { min-height: 250px; height:auto; } } /* 1 2 3 4 5 */ #stacks_in_27340 .hype-28-pic-frame-1, #stacks_in_27340 .hype-28-pic-frame-2, #stacks_in_27340 .hype-28-pic-frame-3, #stacks_in_27340 .hype-28-pic-frame-4, #stacks_in_27340 .hype-28-pic-frame-5 { border-radius:7px !important; -webkit-border-radius:7px !important; box-shadow: 0px 0px 13px rgba(20, 20, 20, 0.43) !important; border: 20px solid #FFFFFF !important; background-color: rgba(52, 52, 52, 0.16) !important; } #stacks_in_27340 .28-symb-5, #stacks_in_27340 .hype-28-pic-frame-5, #stacks_in_27340 .hype-28-pic-5 { transform: scale(1.75) !important; -webkit-transform: scale(1.75) !important;} #stacks_in_27340 .hype-28-pic-1, #stacks_in_27340 .hype-28-pic-2, #stacks_in_27340 .hype-28-pic-3, #stacks_in_27340 .hype-28-pic-4, #stacks_in_27340 .hype-28-pic-5 { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important;} /* overlay */ #stacks_in_27340 .hype-28-pic-1:after, #stacks_in_27340 .hype-28-pic-2:after, #stacks_in_27340 .hype-28-pic-3:after, #stacks_in_27340 .hype-28-pic-4:after, #stacks_in_27340 .hype-28-pic-5:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* 1 */ #stacks_in_27340 .hype-28-pic-frame-1 { display: none !important; display: block !important; margin-top: -14%; margin-left: 14%; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important; } #stacks_in_27340 .hype-28-pic-1 { background: url(https://images.unsplash.com/photo-1588348442528-85c6fa3b0440?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDMyfHxudXJzZXJ5fGVufDB8fHx8MTcxMTI4ODcyM3ww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27340 .hype-28-pic-1:after { } /* 2 */ #stacks_in_27340 .hype-28-pic-frame-2 { display: none !important; display: block !important; margin-top: 3%; margin-left: -115%; transform: rotate( 2deg ) !important; -webkit-transform: rotate( 2deg ) !important; } #stacks_in_27340 .hype-28-pic-2 { background: url(https://images.unsplash.com/photo-1453749024858-4bca89bd9edc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDI1fHxudXJzZXJ5fGVufDB8fHx8MTcxMTI4ODcyM3ww&ixlib=rb-4.0.3&q=80&w=1080) 50% 0% no-repeat !important; background-size: cover !important; } #stacks_in_27340 .hype-28-pic-2:after { } /* 3 */ #stacks_in_27340 .hype-28-pic-frame-3 { display: none !important; display: block !important; margin-top: -97%; margin-left: 15%; transform: rotate( 4deg ) !important; -webkit-transform: rotate( 4deg ) !important; } #stacks_in_27340 .hype-28-pic-3 { background: url(https://images.unsplash.com/photo-1564429097439-e400382dc893?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDU4fHxudXJzZXJ5fGVufDB8fHx8MTcxMTI4ODcyM3ww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27340 .hype-28-pic-3:after { } /* 4 */ #stacks_in_27340 .hype-28-pic-frame-4 { display: none !important; display: block !important; margin-top: 62%; margin-left: 37%; transform: rotate( -4deg ) !important; -webkit-transform: rotate( -4deg ) !important; } #stacks_in_27340 .hype-28-pic-4 { background: url(https://images.unsplash.com/photo-1560130958-0ea787c275de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDcwfHxudXJzZXJ5fGVufDB8fHx8MTcxMTI4ODc1MHww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27340 .hype-28-pic-4:after { } /* 5 */ #stacks_in_27340 .hype-28-pic-frame-5 { display: none !important; } #stacks_in_27340 .hype-28-pic-5 { } #stacks_in_27340 .hype-28-pic-5:after { } /* text */ #stacks_in_27340 .hype_text_28_box { } #stacks_in_27340 .hype_text_28_clip { display: none !important; margin-top: 45px !important; margin-left: 0px !important; transform: rotate( -5deg ) !important; -webkit-transform: rotate( -5deg ) !important;} #stacks_in_27340 .hype_text_28 { -webkit-font-smoothing: antialiased !important; font-size: 406px !important; letter-spacing: -8px !important; line-height: 49px !important; font-family: "Passion One", sans-serif !important; color: rgba(255, 255, 255, 1.00) !important; font-style: italic; } #stacks_in_27340 .hype-28-pic-1, #stacks_in_27340 .hype-28-pic-2, #stacks_in_27340 .hype-28-pic-3, #stacks_in_27340 .hype-28-pic-4, #stacks_in_27340 .hype-28-pic-5 { } #stacks_in_27340 .28-symb-1 { } /* scroll */ #stacks_in_27340 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: -15px !important; margin-bottom: 10px; } #stacks_in_27340 .scrollButton-element [class^="fa fa-"], #stacks_in_27340 .scrollButton-element #stacks_in_27340 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_27340 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: 1px !important; margin-right: auto; margin-top: 0px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "button_safe_font_s", sans-serif !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_27340 .scrollButton-element [class^="fa fa-"], #stacks_in_27340 .scrollButton-element #stacks_in_27340 [class*="fa fa-"], #stacks_in_27340 .scrollButton-element:after, #stacks_in_27340 .scrollButton-txt { color: #FFFFFF !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_27340 .scrollButton-element [class^="fa fa-"], #stacks_in_27340 .scrollButton-element #stacks_in_27340 [class*="fa fa-"] { } #stacks_in_27340 .scrollButton-txt:hover, #stacks_in_27340 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_27340 .scrollButton-element a { font-size: 90px !important; line-height: 1em; color: #FFFFFF !important; } #stacks_in_27340 .scrollButton-txt:active, #stacks_in_27340 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-width: 800px) { } /* Links */ #stacks_in_27340 .hype-link-hover-group, #stacks_in_27340 .hype-link-hover, #stacks_in_27340 .hype-link-hover-blank { } #stacks_in_27340 .hype-link-hover { } /* Scroll anim */ #stacks_in_27340 .trigger-28 { margin-top: 50px !important; } #stacks_in_27340 .preview_only { opacity: 0.0 !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Alfa Slab One'; src: url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff2') format('woff2'), url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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; font-display: swap; } @font-face { font-family: 'Anton'; src: url('../files/webfonts/anton/Anton-Regular.woff2') format('woff2'), url('../files/webfonts/anton/Anton-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } @font-face {font-family: 'Lato'; src: url('../files/webfonts/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Montserrat'; src: url('../files/webfonts/montserrat/montserrat-medium.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Passion One'; src: url('../files/webfonts/passionone/PassionOne-Regular.woff2') format('woff2'), url('../files/webfonts/passionone/PassionOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Raleway'; src: url('../files/webfonts/raleway/Raleway-Medium.woff2') format('woff2'), url('../files/webfonts/raleway/Raleway-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } /* @end */ /* -- End EACH CSS Template -- */ #stacks_in_27345 { padding: 0px 0px 50px 0px; } #stacks_out_27345 { width: 200px; } #stacks_in_27302 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 0px 0px 20px; padding: 8px 4px 0px 5px; } #stacks_out_27302 { width: 85px; margin-left:0; } #stacks_in_27349 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 20px 30px 20px; padding: 21px 4px 15px 20px; } #stacks_in_27351 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 0px 0px 20px; padding: 8px 4px 0px 5px; } #stacks_out_27351 { width: 85px; margin-left:0; } #stacks_in_27352 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 20px 10px 20px; padding: 6px 4px 6px 20px; } #stacks_in_27364>.s3_row { margin: 0 -0px; } #stacks_in_27364>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_27364>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_27364>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_27364>.s3_row { margin: -0px 0; } #stacks_in_27364>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_27364>.s3_row { margin: -0px 0; } #stacks_in_27364>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_27364 { background-image: url("1800B3A3-1DFA-46EA-B3AF-EBC4DD72BAB5.png"); background-repeat: repeat; background-size: cover; background-position: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 60px 0px 0px 0px; padding: 30px 0px 30px 0px; } #stacks_in_27372 { padding: 0px 0px 50px 0px; } #stacks_out_27372 { width: 200px; } #stacks_in_27370 { background-color: rgba(246, 246, 246, 1.00); margin: 0px 20px 0px 20px; padding: 13px 4px 15px 20px; } /* -- EACH CSS Template -- */ #stacks_in_27365 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_27365 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_27365_default28_hype_container, #stacks_in_27365 .HYPE_document, #stacks_in_27365 .back_wrapper_28, #stacks_in_27365 .back_wrapper { pointer-events: none !important; } #stacks_in_27365_default28_hype_container { direction:ltr !important; margin:auto; display: block !important; /* fix flickering */ -webkit-transform: translate3d(0,0,0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } #stacks_in_27365 .width28 { max-width: 1290px; margin-right: auto; margin-left: auto; text-align: center; } /* fixed - fluid and BG */ #stacks_in_27365 .back_wrapper_28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; background-image: -webkit-radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; background-image: radial-gradient(50% 50%, rgba(139, 182, 255, 1.00), rgba(255, 255, 255, 0.01)) !important; } /* BG img only */ #stacks_in_27365 .back_wrapper_28:before { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; } #stacks_in_27365 .back_wrapper_28:after { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; display: none; display: block; } /* Dots */ #stacks_in_27365 .back_wrapper:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../files/images/dots0.png) center center repeat; opacity: 0.60; } /* Responsive */ #stacks_in_27365 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* fluid 2x */ #stacks_in_27365 .size28 { min-height: 321px; } @media (max-width: 800px) { #stacks_in_27365 .size28 { } } /* fixed 3x below fluid */ #stacks_in_27365 .size28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; min-height: 321px; } @media (max-width: 800px) { #stacks_in_27365 .size28 { } } @media (max-width: 600px) { #stacks_in_27365 .size28 { min-height: 250px; height:auto; } } /* 1 2 3 4 5 */ #stacks_in_27365 .hype-28-pic-frame-1, #stacks_in_27365 .hype-28-pic-frame-2, #stacks_in_27365 .hype-28-pic-frame-3, #stacks_in_27365 .hype-28-pic-frame-4, #stacks_in_27365 .hype-28-pic-frame-5 { border-radius:7px !important; -webkit-border-radius:7px !important; box-shadow: 0px 0px 13px rgba(20, 20, 20, 0.43) !important; border: 20px solid #FFFFFF !important; background-color: rgba(52, 52, 52, 0.16) !important; } #stacks_in_27365 .28-symb-5, #stacks_in_27365 .hype-28-pic-frame-5, #stacks_in_27365 .hype-28-pic-5 { transform: scale(1.75) !important; -webkit-transform: scale(1.75) !important;} #stacks_in_27365 .hype-28-pic-1, #stacks_in_27365 .hype-28-pic-2, #stacks_in_27365 .hype-28-pic-3, #stacks_in_27365 .hype-28-pic-4, #stacks_in_27365 .hype-28-pic-5 { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important;} /* overlay */ #stacks_in_27365 .hype-28-pic-1:after, #stacks_in_27365 .hype-28-pic-2:after, #stacks_in_27365 .hype-28-pic-3:after, #stacks_in_27365 .hype-28-pic-4:after, #stacks_in_27365 .hype-28-pic-5:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* 1 */ #stacks_in_27365 .hype-28-pic-frame-1 { display: none !important; display: block !important; margin-top: 1%; margin-left: -27%; transform: rotate( 3deg ) !important; -webkit-transform: rotate( 3deg ) !important; } #stacks_in_27365 .hype-28-pic-1 { background: url(https://images.unsplash.com/photo-1575364289437-fb1479d52732?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDI1fHx0b3l8ZW58MHx8fHwxNzExMzIxODMwfDA&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27365 .hype-28-pic-1:after { } /* 2 */ #stacks_in_27365 .hype-28-pic-frame-2 { display: none !important; } #stacks_in_27365 .hype-28-pic-2 { } #stacks_in_27365 .hype-28-pic-2:after { } /* 3 */ #stacks_in_27365 .hype-28-pic-frame-3 { display: none !important; display: block !important; margin-top: -10%; margin-left: 74%; transform: rotate( 9deg ) !important; -webkit-transform: rotate( 9deg ) !important; } #stacks_in_27365 .hype-28-pic-3 { background: url(https://images.unsplash.com/photo-1560113562-a0a37ada6d91?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDI0fHx0b3l8ZW58MHx8fHwxNzExMzIxODMwfDA&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27365 .hype-28-pic-3:after { } /* 4 */ #stacks_in_27365 .hype-28-pic-frame-4 { display: none !important; display: block !important; margin-top: 10%; margin-left: -2%; transform: rotate( 6deg ) !important; -webkit-transform: rotate( 6deg ) !important; } #stacks_in_27365 .hype-28-pic-4 { background: url(https://images.unsplash.com/photo-1496354265829-17b1c7b7c363?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDIwfHx0b3l8ZW58MHx8fHwxNzExMzIxODMwfDA&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27365 .hype-28-pic-4:after { } /* 5 */ #stacks_in_27365 .hype-28-pic-frame-5 { display: none !important; display: block !important; margin-top: 11%; margin-left: -95%; transform: rotate( -4deg ) !important; -webkit-transform: rotate( -4deg ) !important; } #stacks_in_27365 .hype-28-pic-5 { background: url(https://images.unsplash.com/photo-1498940757830-82f7813bf178?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDUzfHxraWRzfGVufDB8fHx8MTcxMTI4ODI5Mnww&ixlib=rb-4.0.3&q=80&w=1080) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_27365 .hype-28-pic-5:after { } /* text */ #stacks_in_27365 .hype_text_28_box { } #stacks_in_27365 .hype_text_28_clip { margin-top: 45px !important; margin-left: 0px !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important;} #stacks_in_27365 .hype_text_28 { -webkit-font-smoothing: antialiased !important; font-size: 339px !important; letter-spacing: -3px !important; line-height: 49px !important; font-family: "Passion One", sans-serif !important; color: rgba(188, 40, 47, 1.00) !important; } #stacks_in_27365 .hype-28-pic-1, #stacks_in_27365 .hype-28-pic-2, #stacks_in_27365 .hype-28-pic-3, #stacks_in_27365 .hype-28-pic-4, #stacks_in_27365 .hype-28-pic-5 { } #stacks_in_27365 .28-symb-1 { } /* scroll */ #stacks_in_27365 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: -15px !important; margin-bottom: 10px; } #stacks_in_27365 .scrollButton-element [class^="fa fa-"], #stacks_in_27365 .scrollButton-element #stacks_in_27365 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_27365 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: 1px !important; margin-right: auto; margin-top: 0px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "button_safe_font_s", sans-serif !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_27365 .scrollButton-element [class^="fa fa-"], #stacks_in_27365 .scrollButton-element #stacks_in_27365 [class*="fa fa-"], #stacks_in_27365 .scrollButton-element:after, #stacks_in_27365 .scrollButton-txt { color: #FFFFFF !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_27365 .scrollButton-element [class^="fa fa-"], #stacks_in_27365 .scrollButton-element #stacks_in_27365 [class*="fa fa-"] { } #stacks_in_27365 .scrollButton-txt:hover, #stacks_in_27365 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_27365 .scrollButton-element a { font-size: 90px !important; line-height: 1em; color: #FFFFFF !important; } #stacks_in_27365 .scrollButton-txt:active, #stacks_in_27365 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-width: 800px) { } /* Links */ #stacks_in_27365 .hype-link-hover-group, #stacks_in_27365 .hype-link-hover, #stacks_in_27365 .hype-link-hover-blank { } #stacks_in_27365 .hype-link-hover { } /* Scroll anim */ #stacks_in_27365 .trigger-28 { margin-top: 50px !important; } #stacks_in_27365 .preview_only { opacity: 0.0 !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Alfa Slab One'; src: url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff2') format('woff2'), url('../files/webfonts/alfaslabone/AlfaSlabOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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; font-display: swap; } @font-face { font-family: 'Anton'; src: url('../files/webfonts/anton/Anton-Regular.woff2') format('woff2'), url('../files/webfonts/anton/Anton-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } @font-face {font-family: 'Lato'; src: url('../files/webfonts/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Montserrat'; src: url('../files/webfonts/montserrat/montserrat-medium.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Passion One'; src: url('../files/webfonts/passionone/PassionOne-Regular.woff2') format('woff2'), url('../files/webfonts/passionone/PassionOne-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face {font-family: 'Raleway'; src: url('../files/webfonts/raleway/Raleway-Medium.woff2') format('woff2'), url('../files/webfonts/raleway/Raleway-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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-display: swap; } /* @end */ /* -- End EACH CSS Template -- */#stacks_in_27357>.s3_row { margin: 0 -20px; } #stacks_in_27357>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_27357>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_27357>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_27357>.s3_row { margin: -20px 0; } #stacks_in_27357>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_27357>.s3_row { margin: -20px 0; } #stacks_in_27357>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_27357 { padding: 60px 0px 60px 0px; }