.com_joeworkman_stacks_impact_stack .impact-animate.pre-anim{display:none}.com_joeworkman_stacks_impact_stack .slides-navigation{margin:0 auto;position:absolute;z-index:99;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a{position:absolute;display:block;text-decoration:none}.com_joeworkman_stacks_impact_stack .slides-navigation a::before{line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;text-rendering:auto;transform:translate(0,0)}.com_joeworkman_stacks_impact_stack .slides-pagination > a{text-decoration:none}.com_joeworkman_stacks_impact_stack .fg-content{position:absolute;top:0;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a:before{font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900}.com_joeworkman_stacks_impact_stack .impact-scroll:hover{cursor:pointer}.com_joeworkman_stacks_impact_stack .slides-container{display:none}.com_joeworkman_stacks_impact_stack .scrollable{position:relative;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.com_joeworkman_stacks_impact_stack .scrollable::after{content:"";display:table;clear:both}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap{position:absolute;z-index:1050;top:0;margin-left:-45px;width:90px;height:90px;padding:0;font-size:9px;display:block}.com_joeworkman_stacks_impact_stack .impact-arrow{float:left;position:absolute;margin-top:20px;margin-left:23px;width:40px;height:40px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg)}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap.animates .impact-arrow{animation:impactArrows linear 1.8s 0.4s}.com_joeworkman_stacks_impact_stack .video-container{min-height:100%;min-width:100%;position:absolute;top:0;left:0}.com_joeworkman_stacks_impact_stack .video-container > img{width:100%;height:100%}.com_joeworkman_stacks_impact_stack video{max-width:none}.com_joeworkman_stacks_impact_stack .impact-container{position:absolute}.com_joeworkman_stacks_impact_stack .impact-container.v-full{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-full .slide-content{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-center{top:50%;transform:translateY(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center{left:50%;transform:translateX(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center.v-center{top:50%;left:50%;transform:translate(-50%,-50%)}.com_joeworkman_stacks_impact_stack .impact-container:not(.h-center):not(.h-left):not(.h-right){width:100%}@keyframes impactArrows{0%{transform:translate(0px,0px) rotate(135deg) scale(1)}15%{transform:translate(0px,22px) rotate(135deg) scale(0.8)}30%{transform:translate(0px,13px) rotate(135deg) scale(0.9)}45%{transform:translate(0px,27px) rotate(135deg) scale(0.8)}60%{transform:translate(0px,13px) rotate(135deg) scale(0.8)}75%{transform:translate(0px,4px) rotate(135deg) scale(0.9)}100%{transform:translate(0px,0px) rotate(135deg) scale(1)}} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(51, 51, 51, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} @font-face{font-style:normal;font-family:'Lexend';font-display:swap;font-stretch:normal;font-weight:400;src:local('Lexend'),url('https://dev1.arpent.co.uk/resources/Lexend-Regular.woff2') format('woff2')}@font-face{font-style:normal;font-family:'Lexend';font-display:swap;font-stretch:normal;font-weight:700;src:local('Lexend Bold'),url('https://dev1.arpent.co.uk/resources/Lexend-Bold.woff2') format('woff2')}html,body, p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,body{font-family:"Lexend",sans-serif } .pad1{padding-top:2.5rem ;padding-right:1.25rem ;padding-bottom:1.25rem ;padding-left:1.25rem ;} #stacks_in_31 .fg-content.fg-full-height{height:100%}#stacks_in_31 .slides-container{margin:0}#stacks_in_31 .slides-container > li{margin:0}#stacks_in_31 .slides-container > li::before,#stacks_in_31 .slides-container > li::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:2;transition:opacity 80ms ease}#stacks_in_31 .slides-container.ovl-color li::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_31 .slides-container.ovl-tile li::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_31 .fg-per-show{position:absolute;z-index:5;width:100%;height:100%}#stacks_in_31 .impact-wrapper{z-index:0}#stacks_in_31 .impact-wrapper.fill-container{min-width:100%}#stacks_in_31 .impact-wrapper.fill-container.hero-header{height:100%;height:100vh;width:100%;width:100vw}@media only screen and (orientation:portrait){#stacks_in_31 .impact-wrapper.fill-container.hero-header{height:100% !important}}#stacks_in_31 .impact-wrapper.fixed-height{height:400px;width:100%;min-width:100%}#stacks_in_31 .impact-wrapper.flexible-height{height:100vh;min-height:300px;width:100%;min-width:100%}#stacks_in_31 .impact-wrapper.touch-device.cover-touch{background-size:cover;background-position:center center;overflow:hidden}#stacks_in_31 .impact-wrapper.touch-device.cover-touch:not(.touch-warehouse){background-image:url()}#stacks_in_31 .impact-wrapper.touch-device.cover-touch.touch-warehouse{background-image:url()}#stacks_in_31 .impact-wrapper > .pre-loader{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;opacity:1;visibility:visible;transition:opacity 80ms ease,visibility 0 0.2s}#stacks_in_31 .impact-wrapper > .pre-loader.hidden{opacity:0;visibility:hidden}#stacks_in_31 .impact-wrapper > .pre-loader > .pl-spinner{position:absolute;top:36%;margin-left:-32px;color:rgba(251, 251, 251, 0.90)}#stacks_in_31 .impact-wrapper > .pre-loader > .pl-spinner.hidden{display:none}#stacks_in_31 .impact-wrapper > .pre-loader.bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat}#stacks_in_31 .impact-wrapper > .pre-loader.bg-image.custom-image:not(.bg-warehouse){background-image:url()}#stacks_in_31 .impact-wrapper > .pre-loader.bg-image.custom-image.bg-warehouse{background-image:url()}#stacks_in_31 .impact-wrapper > .pre-loader.preload-color{background-color:rgba(51, 51, 51, 0.95)}#stacks_in_31 .impact-wrapper > .pre-loader.bg-overlay{z-index:1}#stacks_in_31 .impact-wrapper > .pre-loader.bg-overlay::before,#stacks_in_31 .impact-wrapper > .pre-loader.bg-overlay::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:0}#stacks_in_31 .impact-wrapper > .pre-loader.bg-overlay.ovl-color::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_31 .impact-wrapper > .pre-loader.bg-overlay.ovl-tile::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_31 .impact-container{z-index:5}#stacks_in_31 .scrollDown{position:absolute;cursor:pointer;z-index:100;left:50%;width:80px;height:80px;-webkit-touch-callout:none;transform:scale(0.70);transform-origin:left center;-webkit-user-select:none;user-select:none}@media screen and (max-width:640px){#stacks_in_31 .scrollDown{transform:scale(0.70)}}#stacks_in_31 .scrollDown.button-bottom{bottom:30px}#stacks_in_31 .scrollDown.button-top{top:30px}@media screen and (max-width:640px){#stacks_in_31 .scrollDown.hide-on-mob{display:none}}#stacks_in_31 .impact-arrow-wrap{background:rgba(0, 0, 0, 0.85);border-radius:50%;border:2px solid rgba(255, 255, 255, 0.96);box-shadow:0px 0px 0px 0px rgba(51, 51, 51, 0.60);transition:all 90ms ease}#stacks_in_31 .impact-arrow-wrap:hover{background:rgba(40, 40, 40, 0.85);transition:all 90ms ease}#stacks_in_31 .impact-arrow-wrap:hover .impact-hint{opacity:1 !important}#stacks_in_31 .impact-arrow-wrap.animates .impact-arrow{animation-delay:3000ms;animation-iteration-count:3}#stacks_in_31 .impact-arrow{border-top-color:rgba(255, 255, 255, 0.85);border-right-color:rgba(255, 255, 255, 0.85);border-width:2px}#stacks_in_31 .impact-arrow:hover{border-top-color:rgba(255, 255, 255, 1.00);border-right-color:rgba(255, 255, 255, 1.00)}#stacks_in_31 .impact-hint{position:absolute;top:0.6em;width:100%;left:0;font-size:2em;font-style:italic;text-align:center;color:rgba(255, 255, 255, 0.85);opacity:0}#stacks_in_31 .slides-pagination > a{transition:all 6000ms ease}#stacks_in_31 .slides-pagination > a.current{transition:all 6000ms ease} /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_13 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_13 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_13_default31_hype_container { } #stacks_in_13 .button-stats { } #stacks_in_13 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_13 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_13 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13 .back_wrapper_31 { } } #stacks_in_13 .wrapper_31 { 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_13 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13 .wrapper_31 { } } /* Hype rot */ #stacks_in_13 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A B */ #stacks_in_13 .hype_title_31 { color: #FFFFFF !important; } #stacks_in_13 .hype_title_31_b { color: #E6E6E6 !important; } #stacks_in_13 .hype_slogan_31 { color: #FFFF0A !important; font-size: 54px !important; font-family: 'Lato', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 198px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* Titles */ #stacks_in_13 .hype_title_31, #stacks_in_13 .hype_title_31_b { font-size: 130px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'Raleway', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } #stacks_in_13 .hype_title_31, #stacks_in_13 .hype_title_31_b { } #stacks_in_13 .hype_title_31, #stacks_in_13 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_13 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_13 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots0.png) center center repeat !important; } #stacks_in_13 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_13 .back_wrapper_31::after, #stacks_in_13 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_13 .back_wrapper_31bg { 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_13 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_13 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_13 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_13 .back_wrapper_31bg { } } #stacks_in_13 .hype_title_31, #stacks_in_13 .hype_title_31_b { } #stacks_in_13 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_13 .hype-glow-31 { display: none !important; } #stacks_in_13 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_13 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_13 .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_13 .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_13 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_13 .scrollButton-hypetitles #stacks_in_13 [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_13 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_13 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_13 .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_13 .scrollButton-hypetitles { display: none !important; } #stacks_in_13 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.slide-stacks_in_36 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_36 .impact-container.h-right{right:0px}.slide-stacks_in_36 .impact-container.h-left{left:0px}.slide-stacks_in_36 .impact-container.v-top{top:0px}