/* * text-align */ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nomargin-top{margin-top:0}.text-nomargin-top.text >:first-child{margin-top:0}.text-nomargin-bottom{margin-bottom:0}.text-nomargin-bottom.text >:last-child{margin-bottom:0} #stacks_in_127{ max-width: px;margin: 0 auto; } #stacks_in_127{ padding: px px px px; } @media screen and (min-width: px){ #stacks_in_127{ padding: px px px px; } }/* -- EACH CSS Template -- */ #stacks_in_67 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_67 .HYPE_document { overflow: visible; direction:ltr !important; margin:auto; position:relative; min-width: 200px !important; min-height: 90px !important; } #stacks_in_67_default28_hype_container, #stacks_in_67 .HYPE_document, #stacks_in_67 .back_wrapper_28, #stacks_in_67 .back_wrapper { pointer-events: none !important; } #stacks_in_67_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_67 .width28 { max-width: 1716px; margin-right: auto; margin-left: auto; text-align: center; } /* fixed - fluid and BG */ #stacks_in_67 .back_wrapper_28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; } /* BG img only */ #stacks_in_67 .back_wrapper_28:before { content: ""; text-align: center; position: absolute; width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; } #stacks_in_67 .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_67 .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_67 .back_wrapper { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* fluid 2x */ #stacks_in_67 .size28 { min-height: 500px; } @media (max-width: 1032px) { #stacks_in_67 .size28 { } } /* fixed 3x below fluid */ #stacks_in_67 .size28 { text-align: center; display: block; position: relative; padding: 0; margin: 0 auto; min-height: 500px; } @media (max-width: 800px) { #stacks_in_67 .size28 { } } @media (max-width: 600px) { #stacks_in_67 .size28 { } } /* 1 2 3 4 5 */ #stacks_in_67 .hype-28-pic-frame-1, #stacks_in_67 .hype-28-pic-frame-2, #stacks_in_67 .hype-28-pic-frame-3, #stacks_in_67 .hype-28-pic-frame-4, #stacks_in_67 .hype-28-pic-frame-5 { border-radius:0px !important; -webkit-border-radius:0px !important; box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.55) !important; border: 0px solid #B2B5B5 !important; background-color: rgba(52, 52, 52, 0.16) !important; } #stacks_in_67 .28-symb-5, #stacks_in_67 .hype-28-pic-frame-5, #stacks_in_67 .hype-28-pic-5 { transform: scale(1.75) !important; -webkit-transform: scale(1.75) !important;} #stacks_in_67 .hype-28-pic-1, #stacks_in_67 .hype-28-pic-2, #stacks_in_67 .hype-28-pic-3, #stacks_in_67 .hype-28-pic-4, #stacks_in_67 .hype-28-pic-5 { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important;} /* overlay */ #stacks_in_67 .hype-28-pic-1:after, #stacks_in_67 .hype-28-pic-2:after, #stacks_in_67 .hype-28-pic-3:after, #stacks_in_67 .hype-28-pic-4:after, #stacks_in_67 .hype-28-pic-5:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* 1 */ #stacks_in_67 .hype-28-pic-frame-1 { display: none !important; display: block !important; margin-top: -3%; margin-left: 4%; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; } #stacks_in_67 .hype-28-pic-1 { background: url(../files/28-img-drag-1-67.png) 50% 65% no-repeat !important; background-size: cover !important; } #stacks_in_67 .hype-28-pic-1:after { } /* 2 */ #stacks_in_67 .hype-28-pic-frame-2 { display: none !important; display: block !important; margin-top: 40%; margin-left: 44%; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; } #stacks_in_67 .hype-28-pic-2 { background: url(../files/28-img-drag-2-67.png) 50% 40% no-repeat !important; background-size: cover !important; } #stacks_in_67 .hype-28-pic-2:after { } /* 3 */ #stacks_in_67 .hype-28-pic-frame-3 { display: none !important; display: block !important; margin-top: 17%; margin-left: -41%; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; } #stacks_in_67 .hype-28-pic-3 { background: url(../files/28-img-drag-3-67.png) 50% 50% no-repeat !important; background-size: cover !important; } #stacks_in_67 .hype-28-pic-3:after { } /* 4 */ #stacks_in_67 .hype-28-pic-frame-4 { display: none !important; display: block !important; margin-top: -20%; margin-left: 30%; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; } #stacks_in_67 .hype-28-pic-4 { background: url(../files/28-img-drag-4-67.jpg) 50% 30% no-repeat !important; background-size: cover !important; } #stacks_in_67 .hype-28-pic-4:after { } /* 5 */ #stacks_in_67 .hype-28-pic-frame-5 { display: none !important; display: block !important; margin-top: -35%; margin-left: -75%; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; } #stacks_in_67 .hype-28-pic-5 { background: url(../files/28-img-drag-5-67.jpg) 50% 55% no-repeat !important; background-size: cover !important; } #stacks_in_67 .hype-28-pic-5:after { } /* text */ #stacks_in_67 .hype_text_28_box { } #stacks_in_67 .hype_text_28_clip { margin-top: 0px !important; margin-left: 0px !important; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important;} #stacks_in_67 .hype_text_28 { -webkit-font-smoothing: antialiased !important; font-size: 139px !important; letter-spacing: 0px !important; line-height: 213px !important; font-family: "Montserrat", sans-serif !important; color: rgba(77, 77, 77, 1.00) !important; text-shadow: 5px 5px 18px rgba(192, 190, 192, 1.00); } #stacks_in_67 .hype-28-pic-1, #stacks_in_67 .hype-28-pic-2, #stacks_in_67 .hype-28-pic-3, #stacks_in_67 .hype-28-pic-4, #stacks_in_67 .hype-28-pic-5 { } #stacks_in_67 .28-symb-1 { } /* scroll */ #stacks_in_67 .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: 30px !important; margin-bottom: 10px; } #stacks_in_67 .scrollButton-element [class^="fa fa-"], #stacks_in_67 .scrollButton-element #stacks_in_67 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; -webkit-text-stroke: 4px !important; -webkit-text-fill-color: transparent !important; } #stacks_in_67 .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; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_67 .scrollButton-element [class^="fa fa-"], #stacks_in_67 .scrollButton-element #stacks_in_67 [class*="fa fa-"], #stacks_in_67 .scrollButton-element:after, #stacks_in_67 .scrollButton-txt { color: #747474 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_67 .scrollButton-element [class^="fa fa-"], #stacks_in_67 .scrollButton-element #stacks_in_67 [class*="fa fa-"] { } #stacks_in_67 .scrollButton-txt:hover, #stacks_in_67 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_67 .scrollButton-element a { font-size: 50px !important; line-height: 1em; color: #747474 !important; } #stacks_in_67 .scrollButton-txt:active, #stacks_in_67 .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_67 .hype-link-hover-group, #stacks_in_67 .hype-link-hover, #stacks_in_67 .hype-link-hover-blank { } #stacks_in_67 .hype-link-hover { } /* Scroll anim */ #stacks_in_67 .trigger-28 { margin-top: 171px !important; } #stacks_in_67 .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 -- *//* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ #stacks_in_97 .hype-text-22, #stacks_in_97 .hype-text-22-mobile { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_97 .hype-divider-text-bg { background-color: rgba(203, 203, 203, 1.00) !important; border-radius:4px !important; -webkit-border-radius:4px !important; border-style: solid !important; border-top-width: 5px !important; border-bottom-width: 6px !important; border-left-width: 12px !important; border-right-width: 12px !important; border-color: rgba(203, 203, 203, 1.00) !important; margin-right: -20px; margin-left: 0% !important; } #stacks_in_97 .hype-text-22, #stacks_in_97 .hype-text-22-mobile { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 15px !important; line-height: 21px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_97 .hype-text-22, #stacks_in_97 .hype-text-22-mobile, #stacks_in_97 p .hype-text-22, #stacks_in_97 p .hype-text-22-mobile { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; } #stacks_in_97 .vertical-22 { margin: auto; width: 100%; position: relative; min-height: 50px; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_97 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_97 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_97_default22_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_97 .wrapper-22 { margin-right: auto; margin-left: auto; max-width: 1000px; min-height: 50px; transform: rotate( 0deg ); -webkit-transform: rotate(0deg ); } #stacks_in_97 .inner_slice_content { pointer-events: auto; margin: auto; display: none; } #stacks_in_97 .hype_line_22_corner7 path { } #stacks_in_97 .hype_line_22 path, #stacks_in_97 .hype_line_22_corner0 path, #stacks_in_97 .hype_line_22_corner1 path, #stacks_in_97 .hype_line_22_corner2 path, #stacks_in_97 .hype_line_22_corner3 path, #stacks_in_97 .hype_line_22_corner4 path, #stacks_in_97 .hype_line_22_corner5 path, #stacks_in_97 .hype_line_22_corner6 path, #stacks_in_97 .hype_line_22_corner7 path, #stacks_in_97 .hype_line_22_corner8 path, #stacks_in_97 .hype_line_22_corner9 path, #stacks_in_97 .hype_line_22_corner10 path { stroke: #CBCBCB !important; stroke-linecap: butt !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_97 .hype_line_22 path, #stacks_in_97 .hype_line_22_corner0 path, #stacks_in_97 .hype_line_22_corner1 path, #stacks_in_97 .hype_line_22_corner2 path, #stacks_in_97 .hype_line_22_corner3 path, #stacks_in_97 .hype_line_22_corner4 path, #stacks_in_97 .hype_line_22_corner5 path, #stacks_in_97 .hype_line_22_corner6 path, #stacks_in_97 .hype_line_22_corner7 path, #stacks_in_97 .hype_line_22_corner8 path, #stacks_in_97 .hype_line_22_corner9 path, #stacks_in_97 .hype_line_22_corner10 path { stroke-width: 3px !important; } @media (min-width: 630px) { #stacks_in_97 .hype-text-22 { } } @media (max-width: 630px) { #stacks_in_97 .wrapper-22 { } #stacks_in_97 .hype-text-22 { } #stacks_in_97 .hype-text-22-mobile { } #stacks_in_97 .hype_line_22_corner1 path { } #stacks_in_97 .hype_line_22_corner2 path { } #stacks_in_97 .hype_line_22_corner3 path { } #stacks_in_97 .hype_line_22_corner4 path { } #stacks_in_97 .hype_line_22_corner5 path { } #stacks_in_97 .hype_line_22_corner6 path { } #stacks_in_97 .hype_line_22_corner7 path { } #stacks_in_97 .inner_slice_content { } #stacks_in_97 .hype-divider-text-bg { margin-left: auto !important; } #stacks_in_97 .hype_line_22 path, #stacks_in_97 .hype_line_22_corner0 path, #stacks_in_97 .hype_line_22_corner1 path, #stacks_in_97 .hype_line_22_corner2 path, #stacks_in_97 .hype_line_22_corner3 path, #stacks_in_97 .hype_line_22_corner4 path, #stacks_in_97 .hype_line_22_corner5 path, #stacks_in_97 .hype_line_22_corner6 path, #stacks_in_97 .hype_line_22_corner7 path, #stacks_in_97 .hype_line_22_corner8 path, #stacks_in_97 .hype_line_22_corner9 path, #stacks_in_97 .hype_line_22_corner10 path { } #stacks_in_97 .inner_slice_content { } } #stacks_in_97 .hype_line_22_corner0 path, #stacks_in_97 .hype_line_22_corner1 path, #stacks_in_97 .hype_line_22_corner2 path, #stacks_in_97 .hype_line_22_corner3 path, #stacks_in_97 .hype_line_22_corner4 path, #stacks_in_97 .hype_line_22_corner5 path, #stacks_in_97 .hype_line_22_corner6 path, #stacks_in_97 .hype_line_22_corner7 path, #stacks_in_97 .hype_line_22_corner8 path, #stacks_in_97 .hype_line_22_corner9 path, #stacks_in_97 .hype_line_22_corner10 path { } #stacks_in_97 .trigger-22 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_97 .preview_only { display: none; } /* -- End EACH CSS Template -- *//* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_92 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_92 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_92 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_92 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_92 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_92 .back_wrapper_8573 { } } #stacks_in_92 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_92 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_92 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_92 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_92 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 35vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_92 .theme_title { color: #484848 !important; } /* B */ #stacks_in_92 .theme_title_b { color: #C0BEC0 !important; } /* Tit A-B styles */ #stacks_in_92 .theme_slogan { color: #CB0001 !important; font-size: 64px !important; font-family: "ralewaylight", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_92 .theme_title, #stacks_in_92 .theme_title_b { font-size: 79px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "ralewaylight", serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_92 .theme_title, #stacks_in_92 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_92 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_92 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_92 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_92 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_92 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_92 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_92 .back_wrapper_8573bg#stacks_in_92 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_92 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_92 .back_wrapper_8573bg { } } #stacks_in_92 .theme_title, #stacks_in_92 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_92 .theme_title, #stacks_in_92 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_92 .decoration_color_1 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_92 .flash-color { 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; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_92 .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_92 .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_92 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_92 .scrollButton-hypetitles #stacks_in_92 [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_92 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_92 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_92 .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_92 .scrollButton-hypetitles { display: none !important; } #stacks_in_92 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ #stacks_in_99 .hype-text-22, #stacks_in_99 .hype-text-22-mobile { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_99 .hype-divider-text-bg { background-color: rgba(203, 203, 203, 1.00) !important; border-radius:4px !important; -webkit-border-radius:4px !important; border-style: solid !important; border-top-width: 5px !important; border-bottom-width: 6px !important; border-left-width: 12px !important; border-right-width: 12px !important; border-color: rgba(203, 203, 203, 1.00) !important; margin-right: -20px; margin-left: 0% !important; } #stacks_in_99 .hype-text-22, #stacks_in_99 .hype-text-22-mobile { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 15px !important; line-height: 21px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_99 .hype-text-22, #stacks_in_99 .hype-text-22-mobile, #stacks_in_99 p .hype-text-22, #stacks_in_99 p .hype-text-22-mobile { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; } #stacks_in_99 .vertical-22 { margin: auto; width: 100%; position: relative; min-height: 50px; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_99 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_99 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_99_default22_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_99 .wrapper-22 { margin-right: auto; margin-left: auto; max-width: 1000px; min-height: 50px; transform: rotate( 0deg ); -webkit-transform: rotate(0deg ); } #stacks_in_99 .inner_slice_content { pointer-events: auto; margin: auto; display: none; } #stacks_in_99 .hype_line_22_corner7 path { } #stacks_in_99 .hype_line_22 path, #stacks_in_99 .hype_line_22_corner0 path, #stacks_in_99 .hype_line_22_corner1 path, #stacks_in_99 .hype_line_22_corner2 path, #stacks_in_99 .hype_line_22_corner3 path, #stacks_in_99 .hype_line_22_corner4 path, #stacks_in_99 .hype_line_22_corner5 path, #stacks_in_99 .hype_line_22_corner6 path, #stacks_in_99 .hype_line_22_corner7 path, #stacks_in_99 .hype_line_22_corner8 path, #stacks_in_99 .hype_line_22_corner9 path, #stacks_in_99 .hype_line_22_corner10 path { stroke: #CBCBCB !important; stroke-linecap: butt !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_99 .hype_line_22 path, #stacks_in_99 .hype_line_22_corner0 path, #stacks_in_99 .hype_line_22_corner1 path, #stacks_in_99 .hype_line_22_corner2 path, #stacks_in_99 .hype_line_22_corner3 path, #stacks_in_99 .hype_line_22_corner4 path, #stacks_in_99 .hype_line_22_corner5 path, #stacks_in_99 .hype_line_22_corner6 path, #stacks_in_99 .hype_line_22_corner7 path, #stacks_in_99 .hype_line_22_corner8 path, #stacks_in_99 .hype_line_22_corner9 path, #stacks_in_99 .hype_line_22_corner10 path { stroke-width: 3px !important; } @media (min-width: 630px) { #stacks_in_99 .hype-text-22 { } } @media (max-width: 630px) { #stacks_in_99 .wrapper-22 { } #stacks_in_99 .hype-text-22 { } #stacks_in_99 .hype-text-22-mobile { } #stacks_in_99 .hype_line_22_corner1 path { } #stacks_in_99 .hype_line_22_corner2 path { } #stacks_in_99 .hype_line_22_corner3 path { } #stacks_in_99 .hype_line_22_corner4 path { } #stacks_in_99 .hype_line_22_corner5 path { } #stacks_in_99 .hype_line_22_corner6 path { } #stacks_in_99 .hype_line_22_corner7 path { } #stacks_in_99 .inner_slice_content { } #stacks_in_99 .hype-divider-text-bg { margin-left: auto !important; } #stacks_in_99 .hype_line_22 path, #stacks_in_99 .hype_line_22_corner0 path, #stacks_in_99 .hype_line_22_corner1 path, #stacks_in_99 .hype_line_22_corner2 path, #stacks_in_99 .hype_line_22_corner3 path, #stacks_in_99 .hype_line_22_corner4 path, #stacks_in_99 .hype_line_22_corner5 path, #stacks_in_99 .hype_line_22_corner6 path, #stacks_in_99 .hype_line_22_corner7 path, #stacks_in_99 .hype_line_22_corner8 path, #stacks_in_99 .hype_line_22_corner9 path, #stacks_in_99 .hype_line_22_corner10 path { } #stacks_in_99 .inner_slice_content { } } #stacks_in_99 .hype_line_22_corner0 path, #stacks_in_99 .hype_line_22_corner1 path, #stacks_in_99 .hype_line_22_corner2 path, #stacks_in_99 .hype_line_22_corner3 path, #stacks_in_99 .hype_line_22_corner4 path, #stacks_in_99 .hype_line_22_corner5 path, #stacks_in_99 .hype_line_22_corner6 path, #stacks_in_99 .hype_line_22_corner7 path, #stacks_in_99 .hype_line_22_corner8 path, #stacks_in_99 .hype_line_22_corner9 path, #stacks_in_99 .hype_line_22_corner10 path { } #stacks_in_99 .trigger-22 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_99 .preview_only { display: none; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_91 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_91 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_91_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_91 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_91 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 20vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_91 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_91 .vertical-19 { } } #stacks_in_91 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_91 .hype_line_19 { } } @media (min-width: 768px) { #stacks_in_91 .hype_line_1col { display: block !important; } #stacks_in_91 .hype_line_1col { } #stacks_in_91 .hype_line_2col_l { } #stacks_in_91 .hype_line_2col_r { } #stacks_in_91 .hype_line_2col_long_r_to_c { } #stacks_in_91 .hype_line_2col_long_l_to_c { } #stacks_in_91 .hype_line_2col_long_r_to_c { } #stacks_in_91 .hype_line_2col_long_l_to_c { } #stacks_in_91 .hype_line_2col_long_r { } #stacks_in_91 .hype_line_2col_long_l { } #stacks_in_91 .hype_line_2col_l, #stacks_in_91 .hype_line_2col_r { } #stacks_in_91 .hype_line_3col_l, #stacks_in_91 .hype_line_3col_r { } #stacks_in_91 .hype_line_3col_c { } #stacks_in_91 .hype_line_3col_inv_l, #stacks_in_91 .hype_line_3col_inv_r { } #stacks_in_91 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_91 .hype_resp-oneline { display: block !important; } } #stacks_in_91 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_152 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_152 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_152 .hype_bg-20, #stacks_in_152 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1338px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_152 .hype_bg-20-grad { display: none; } #stacks_in_152 .hype_bg-20 { background-color: rgba(255, 255, 255, 1.00) !important; background-image:none!important; background-size: cover !important; background-position: 50% 50%; opacity: 1; } @media screen and (max-width: 770px) { #stacks_in_152 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_152 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_152 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_152 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_152 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_152 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_152_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_152 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1338px; } #stacks_in_152 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_152 .hype_line_20 path, #stacks_in_152 .hype_line_corner1 path, #stacks_in_152 .hype_line_corner2 path, #stacks_in_152 .hype_line_corner3 path, #stacks_in_152 .hype_line_corner4 path, #stacks_in_152 .hype_line_corner5 path, #stacks_in_152 .hype_line_corner6 path, #stacks_in_152 .hype_line_corner7 path, #stacks_in_152 .hype_line_corner8 path, #stacks_in_152 .hype_line_corner9 path, #stacks_in_152 .hype_line_corner10 path { stroke: #B6B6B6 !important; stroke-linecap: square !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_152 .hype_line_20 path, #stacks_in_152 .hype_line_corner1 path, #stacks_in_152 .hype_line_corner2 path, #stacks_in_152 .hype_line_corner3 path, #stacks_in_152 .hype_line_corner4 path, #stacks_in_152 .hype_line_corner5 path, #stacks_in_152 .hype_line_corner6 path, #stacks_in_152 .hype_line_corner7 path, #stacks_in_152 .hype_line_corner8 path, #stacks_in_152 .hype_line_corner9 path, #stacks_in_152 .hype_line_corner10 path { stroke-width: 5px !important; } @media (min-width: 630px) { #stacks_in_152 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_152 .hype_bg-20, #stacks_in_152 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_152 .hype_line_20 path, #stacks_in_152 .hype_line_corner1 path, #stacks_in_152 .hype_line_corner2 path, #stacks_in_152 .hype_line_corner3 path, #stacks_in_152 .hype_line_corner4 path, #stacks_in_152 .hype_line_corner5 path, #stacks_in_152 .hype_line_corner6 path, #stacks_in_152 .hype_line_corner7 path, #stacks_in_152 .hype_line_corner8 path, #stacks_in_152 .hype_line_corner9 path, #stacks_in_152 .hype_line_corner10 path { } #stacks_in_152 .hype_line_corner2, #stacks_in_152 .hype_line_corner3, #stacks_in_152 .hype_line_corner4, #stacks_in_152 .hype_line_corner5, #stacks_in_152 .hype_line_corner6, #stacks_in_152 .hype_line_corner7, #stacks_in_152 .hype_line_corner8, #stacks_in_152 .hype_line_corner9 path, #stacks_in_152 .hype_line_corner10 path { } #stacks_in_152 .hype_line_corner1 { } #stacks_in_152 .inner_slice_content { } } #stacks_in_152 .hype_line_corner1 path, #stacks_in_152 .hype_line_corner2 path, #stacks_in_152 .hype_line_corner3 path, #stacks_in_152 .hype_line_corner4 path, #stacks_in_152 .hype_line_corner5 path, #stacks_in_152 .hype_line_corner6 path, #stacks_in_152 .hype_line_corner7 path, #stacks_in_152 .hype_line_corner8 path, #stacks_in_152 .hype_line_corner9 path, #stacks_in_152 .hype_line_corner10 path { } #stacks_in_152 .hype_line_20, #stacks_in_152 .hype_line_20 path { } #stacks_in_152 .trigger-19 { opacity: 0 !important; margin-top: 30px !important; } #stacks_in_152 .preview_only { display: none; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_177 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_177 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_177_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_177 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_177 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 20vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_177 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_177 .vertical-19 { } } #stacks_in_177 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_177 .hype_line_19 { } } @media (min-width: 768px) { #stacks_in_177 .hype_line_1col { } #stacks_in_177 .hype_line_1col { } #stacks_in_177 .hype_line_2col_l { } #stacks_in_177 .hype_line_2col_r { } #stacks_in_177 .hype_line_2col_long_r_to_c { display: block !important; } #stacks_in_177 .hype_line_2col_long_l_to_c { } #stacks_in_177 .hype_line_2col_long_r_to_c { } #stacks_in_177 .hype_line_2col_long_l_to_c { } #stacks_in_177 .hype_line_2col_long_r { } #stacks_in_177 .hype_line_2col_long_l { } #stacks_in_177 .hype_line_2col_l, #stacks_in_177 .hype_line_2col_r { } #stacks_in_177 .hype_line_3col_l, #stacks_in_177 .hype_line_3col_r { } #stacks_in_177 .hype_line_3col_c { } #stacks_in_177 .hype_line_3col_inv_l, #stacks_in_177 .hype_line_3col_inv_r { } #stacks_in_177 .hype_line_3col_inv_c { } } @media (max-width: 768px) { #stacks_in_177 .hype_resp-oneline { display: block !important; } } #stacks_in_177 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_173 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_173 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_173 .hype_bg-20, #stacks_in_173 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1300px; border-radius: 7px; -webkit-border-radius: 7px; } #stacks_in_173 .hype_bg-20-grad { display: none; } #stacks_in_173 .hype_bg-20 { background-image:none; background-color: transparent; background-size: cover !important; background-position: 50% 50%; opacity: 1; } @media screen and (max-width: 770px) { #stacks_in_173 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_173 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_173 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_173 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_173 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_173 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_173_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_173 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1300px; } #stacks_in_173 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_173 .hype_line_20 path, #stacks_in_173 .hype_line_corner1 path, #stacks_in_173 .hype_line_corner2 path, #stacks_in_173 .hype_line_corner3 path, #stacks_in_173 .hype_line_corner4 path, #stacks_in_173 .hype_line_corner5 path, #stacks_in_173 .hype_line_corner6 path, #stacks_in_173 .hype_line_corner7 path, #stacks_in_173 .hype_line_corner8 path, #stacks_in_173 .hype_line_corner9 path, #stacks_in_173 .hype_line_corner10 path { stroke: #CBCBCB !important; stroke-linecap: round !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_173 .hype_line_20 path, #stacks_in_173 .hype_line_corner1 path, #stacks_in_173 .hype_line_corner2 path, #stacks_in_173 .hype_line_corner3 path, #stacks_in_173 .hype_line_corner4 path, #stacks_in_173 .hype_line_corner5 path, #stacks_in_173 .hype_line_corner6 path, #stacks_in_173 .hype_line_corner7 path, #stacks_in_173 .hype_line_corner8 path, #stacks_in_173 .hype_line_corner9 path, #stacks_in_173 .hype_line_corner10 path { stroke-width: 5px !important; } @media (min-width: 630px) { #stacks_in_173 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_173 .hype_bg-20, #stacks_in_173 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_173 .hype_line_20 path, #stacks_in_173 .hype_line_corner1 path, #stacks_in_173 .hype_line_corner2 path, #stacks_in_173 .hype_line_corner3 path, #stacks_in_173 .hype_line_corner4 path, #stacks_in_173 .hype_line_corner5 path, #stacks_in_173 .hype_line_corner6 path, #stacks_in_173 .hype_line_corner7 path, #stacks_in_173 .hype_line_corner8 path, #stacks_in_173 .hype_line_corner9 path, #stacks_in_173 .hype_line_corner10 path { } #stacks_in_173 .hype_line_corner2, #stacks_in_173 .hype_line_corner3, #stacks_in_173 .hype_line_corner4, #stacks_in_173 .hype_line_corner5, #stacks_in_173 .hype_line_corner6, #stacks_in_173 .hype_line_corner7, #stacks_in_173 .hype_line_corner8, #stacks_in_173 .hype_line_corner9 path, #stacks_in_173 .hype_line_corner10 path { } #stacks_in_173 .hype_line_corner1 { } #stacks_in_173 .inner_slice_content { } } #stacks_in_173 .hype_line_corner1 path, #stacks_in_173 .hype_line_corner2 path, #stacks_in_173 .hype_line_corner3 path, #stacks_in_173 .hype_line_corner4 path, #stacks_in_173 .hype_line_corner5 path, #stacks_in_173 .hype_line_corner6 path, #stacks_in_173 .hype_line_corner7 path, #stacks_in_173 .hype_line_corner8 path, #stacks_in_173 .hype_line_corner9 path, #stacks_in_173 .hype_line_corner10 path { } #stacks_in_173 .hype_line_20, #stacks_in_173 .hype_line_20 path { } #stacks_in_173 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_173 .preview_only { display: none; } /* -- End EACH CSS Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_136 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_136 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_136_default19_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_136 .wrapper-19 { pointer-events: none; margin-right: auto; margin-left: auto; max-width: 2000px; } #stacks_in_136 .vertical-19 { margin: auto; width: 100%; position: relative; display: flex; height: 20vh !important; min-height:100px !important; } @media (max-width: 768px) { #stacks_in_136 .vertical-19 { } } @media (max-width: 568px) { #stacks_in_136 .vertical-19 { } } #stacks_in_136 .hype_line_19 path { stroke-width: 5px !important; stroke: #CBCBCB !important; } @media (max-width: 768px) { #stacks_in_136 .hype_line_19 { } } @media (min-width: 796px) { #stacks_in_136 .hype_line_1col { } #stacks_in_136 .hype_line_1col { } #stacks_in_136 .hype_line_2col_l { } #stacks_in_136 .hype_line_2col_r { } #stacks_in_136 .hype_line_2col_long_r_to_c { } #stacks_in_136 .hype_line_2col_long_l_to_c { } #stacks_in_136 .hype_line_2col_long_r_to_c { } #stacks_in_136 .hype_line_2col_long_l_to_c { } #stacks_in_136 .hype_line_2col_long_r { } #stacks_in_136 .hype_line_2col_long_l { } #stacks_in_136 .hype_line_2col_l, #stacks_in_136 .hype_line_2col_r { display: block !important; } #stacks_in_136 .hype_line_3col_l, #stacks_in_136 .hype_line_3col_r { } #stacks_in_136 .hype_line_3col_c { } #stacks_in_136 .hype_line_3col_inv_l, #stacks_in_136 .hype_line_3col_inv_r { } #stacks_in_136 .hype_line_3col_inv_c { } } @media (max-width: 796px) { #stacks_in_136 .hype_resp-oneline { display: block !important; } } #stacks_in_136 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } /* -- End EACH CSS Template -- */#stacks_in_27>.s3_row { margin: 0 -35px; } #stacks_in_27>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_27>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_27>.s3_row>.s3_column { padding: 0 35px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_27>.s3_row { margin: -35px 0; } #stacks_in_27>.s3_row>.s3_column { padding: 35px 0; width:100%; } } #stacks_in_27 { margin: 2px; padding: 3px; } /* FrameThing by RapidWeaver Central — based on a snippet by Tom Kenny */ #framethingstacks_in_165 { padding: 0px; } #stacks_in_165 .frame { margin: 0 4% 4% 0; position: relative; z-index: 10; } #stacks_in_165 .frame img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } #stacks_in_165 .frame:last-of-type { margin-right: 0; } /* Frames */ #stacks_in_165 .frame:before, .frame:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .frame:before { top: 4px; z-index: -10; } .frame:after { top: 8px; z-index: -20; } .frame.rotated:before { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); } .frame.rotated:after { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } .frame.twisted:before { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } .frame.twisted:after { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } .frame.rotated-left:before { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); } .frame.rotated-left:after { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); } /* Reset all rotations on hover */ .frame:hover:before, .frame:hover:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } #stacks_out_165 { width: 340px; } #stacks_in_54 { margin: 7px; padding: 5px; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ #stacks_in_169 .hype-text-22, #stacks_in_169 .hype-text-22-mobile { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_169 .hype-divider-text-bg { background-color: rgba(203, 203, 203, 1.00) !important; border-radius:4px !important; -webkit-border-radius:4px !important; border-style: solid !important; border-top-width: 5px !important; border-bottom-width: 6px !important; border-left-width: 12px !important; border-right-width: 12px !important; border-color: rgba(203, 203, 203, 1.00) !important; margin-right: -20px; margin-left: 0% !important; } #stacks_in_169 .hype-text-22, #stacks_in_169 .hype-text-22-mobile { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 15px !important; line-height: 21px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_169 .hype-text-22, #stacks_in_169 .hype-text-22-mobile, #stacks_in_169 p .hype-text-22, #stacks_in_169 p .hype-text-22-mobile { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; } #stacks_in_169 .vertical-22 { margin: auto; width: 100%; position: relative; min-height: 50px; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_169 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_169 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_169_default22_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_169 .wrapper-22 { margin-right: auto; margin-left: auto; max-width: 1000px; min-height: 50px; transform: rotate( 0deg ); -webkit-transform: rotate(0deg ); } #stacks_in_169 .inner_slice_content { pointer-events: auto; margin: auto; display: none; } #stacks_in_169 .hype_line_22_corner7 path { } #stacks_in_169 .hype_line_22 path, #stacks_in_169 .hype_line_22_corner0 path, #stacks_in_169 .hype_line_22_corner1 path, #stacks_in_169 .hype_line_22_corner2 path, #stacks_in_169 .hype_line_22_corner3 path, #stacks_in_169 .hype_line_22_corner4 path, #stacks_in_169 .hype_line_22_corner5 path, #stacks_in_169 .hype_line_22_corner6 path, #stacks_in_169 .hype_line_22_corner7 path, #stacks_in_169 .hype_line_22_corner8 path, #stacks_in_169 .hype_line_22_corner9 path, #stacks_in_169 .hype_line_22_corner10 path { stroke: #CBCBCB !important; stroke-linecap: butt !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_169 .hype_line_22 path, #stacks_in_169 .hype_line_22_corner0 path, #stacks_in_169 .hype_line_22_corner1 path, #stacks_in_169 .hype_line_22_corner2 path, #stacks_in_169 .hype_line_22_corner3 path, #stacks_in_169 .hype_line_22_corner4 path, #stacks_in_169 .hype_line_22_corner5 path, #stacks_in_169 .hype_line_22_corner6 path, #stacks_in_169 .hype_line_22_corner7 path, #stacks_in_169 .hype_line_22_corner8 path, #stacks_in_169 .hype_line_22_corner9 path, #stacks_in_169 .hype_line_22_corner10 path { stroke-width: 3px !important; } @media (min-width: 630px) { #stacks_in_169 .hype-text-22 { } } @media (max-width: 630px) { #stacks_in_169 .wrapper-22 { } #stacks_in_169 .hype-text-22 { } #stacks_in_169 .hype-text-22-mobile { } #stacks_in_169 .hype_line_22_corner1 path { } #stacks_in_169 .hype_line_22_corner2 path { } #stacks_in_169 .hype_line_22_corner3 path { } #stacks_in_169 .hype_line_22_corner4 path { } #stacks_in_169 .hype_line_22_corner5 path { } #stacks_in_169 .hype_line_22_corner6 path { } #stacks_in_169 .hype_line_22_corner7 path { } #stacks_in_169 .inner_slice_content { } #stacks_in_169 .hype-divider-text-bg { margin-left: auto !important; } #stacks_in_169 .hype_line_22 path, #stacks_in_169 .hype_line_22_corner0 path, #stacks_in_169 .hype_line_22_corner1 path, #stacks_in_169 .hype_line_22_corner2 path, #stacks_in_169 .hype_line_22_corner3 path, #stacks_in_169 .hype_line_22_corner4 path, #stacks_in_169 .hype_line_22_corner5 path, #stacks_in_169 .hype_line_22_corner6 path, #stacks_in_169 .hype_line_22_corner7 path, #stacks_in_169 .hype_line_22_corner8 path, #stacks_in_169 .hype_line_22_corner9 path, #stacks_in_169 .hype_line_22_corner10 path { } #stacks_in_169 .inner_slice_content { } } #stacks_in_169 .hype_line_22_corner0 path, #stacks_in_169 .hype_line_22_corner1 path, #stacks_in_169 .hype_line_22_corner2 path, #stacks_in_169 .hype_line_22_corner3 path, #stacks_in_169 .hype_line_22_corner4 path, #stacks_in_169 .hype_line_22_corner5 path, #stacks_in_169 .hype_line_22_corner6 path, #stacks_in_169 .hype_line_22_corner7 path, #stacks_in_169 .hype_line_22_corner8 path, #stacks_in_169 .hype_line_22_corner9 path, #stacks_in_169 .hype_line_22_corner10 path { } #stacks_in_169 .trigger-22 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_169 .preview_only { display: none; } /* -- End EACH CSS Template -- */ /* FrameThing by RapidWeaver Central — based on a snippet by Tom Kenny */ #framethingstacks_in_167 { padding: 0px; } #stacks_in_167 .frame { margin: 0 4% 4% 0; position: relative; z-index: 10; } #stacks_in_167 .frame img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } #stacks_in_167 .frame:last-of-type { margin-right: 0; } /* Frames */ #stacks_in_167 .frame:before, .frame:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .frame:before { top: 4px; z-index: -10; } .frame:after { top: 8px; z-index: -20; } .frame.rotated:before { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); } .frame.rotated:after { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } .frame.twisted:before { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } .frame.twisted:after { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } .frame.rotated-left:before { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); } .frame.rotated-left:after { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); } /* Reset all rotations on hover */ .frame:hover:before, .frame:hover:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } #stacks_out_167 { width: 340px; }