/****************************************************************************/ /* */ /* !!! We recommend to leave this file untouched !!! */ /* */ /* Please use the theme settings to adjust the theme to your branding and */ /* needs. */ /* If you still need to overwrite styles, please configure a child theme */ /* and add your changes to the dedicated child *.css file. */ /* Please visit our documentation for more information. */ /* */ /****************************************************************************/ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ :root { --clr-base-dk: #000000; --clr-base-dk-rgb: 0, 0, 0; --clr-accent-dk: #f47321; --clr-base-lt: #FFFFFF; --clr-base-lt-rgb: 255, 255, 255; --clr-accent-lt: #0b8cde; --clr-primary: #f47321; --clr-primary-rgb: 244, 115, 33; --clr-background-html: #FFFFFF; --clr-background-dk: #000000; --clr-background-dk-rgb: 0, 0, 0; --clr-background-lt: #FFFFFF; --clr-background-lt-rgb: 255, 255, 255; --clr-background-accent-dk: #f47321; --clr-background-accent-dk-rgb: 244, 115, 33; --clr-background-accent-lt: #0b8cde; --clr-background-accent-lt-rgb: 11, 140, 222; --clr-text-dk: #FFFFFF; --clr-text-dk-rgb: 255, 255, 255; --clr-text-lt: #000000; --clr-text-lt-rgb: 0, 0, 0; --clr-intro-title-dk: #FFFFFF; --clr-intro-title-lt: #000000; --clr-title-dk: #FFFFFF; --clr-title-lt: #000000; --clr-link-html: #f47321; --clr-link-hover-html: #000000; --clr-link-html-bg: transparent; --clr-link-hover-html-bg: transparent; --fw-link: inherit; --fw-link-hover: inherit; --deco-link: none 1px; --deco-link-hover: none 1px; --clr-link-html-deco: #f47321; --clr-link-hover-html-deco: #000000; --clr-link-dk: #FFFFFF; --clr-link-lt: #f47321; --clr-link-hover-dk: #FFFFFF; --clr-link-hover-lt: #0b8cde; --clr-link-dk-bg: transparent; --clr-link-lt-bg: transparent; --clr-link-hover-dk-bg: transparent; --clr-link-hover-lt-bg: transparent; --clr-link-dk-deco: #FFFFFF; --clr-link-lt-deco: #f47321; --clr-link-hover-dk-deco: #FFFFFF; --clr-link-hover-lt-deco: #0b8cde; --clr-btn-primary: #0b8cde; --clr-btn-dk: #000000; --clr-btn-lt: #FFFFFF; --clr-btn-txt-dk: #000000; --clr-btn-txt-lt: #FFFFFF; --clr-btn-background-hs: #f47321; --clr-btn-hover-background-hs: #000000; --clr-btn-txt-hs: #FFFFFF; --clr-btn-hover-txt-hs: #FFFFFF; --clr-txt-nav-dk: #f47321; --clr-txt-nav-dk-rgb: 244, 115, 33; --clr-txt-nav-lt: #FFFFFF; --clr-txt-nav-lt-rgb: 255, 255, 255; --opc-nav-hover: .75; --opc-footer-hover: .8; --clr-nav-hover-background: #f47321; --clr-nav-hover-txt: #FFFFFF; --clr-hover-box-txt: #FFFFFF; --clr-hover-box-background: #0b8cde; --clr-icon-social-lt: #fff; --clr-form-title-background-hs-rgba: rgba(11, 140, 222, 0%); --clr-form-title-hs: #000000; --clr-form-background-hs-rgba: rgba(11, 140, 222, 0%); --clr-form-border-hs-rgba: rgba(0, 0, 0, 0%); --clr-form-label-hs: #000000; --clr-form-field-border-hs-rgba: #000000; --clr-form-error: #F2545B; --clr-form-label-dk: #FFFFFF; --clr-form-label-lt: #000000; --clr-form-field-border-dk-rgba: rgba(255, 255, 255, 60%); --clr-form-field-border-dk: #FFFFFF; --clr-form-field-border-lt-rgba: #000000; --clr-form-field-border-lt: #000000; --clr-form-error-dk: #FFFFFF; --clr-form-error-lt: #F2545B; --clr-blog-listing-background: #0b8cde; --clr-blog-post-background: #0b8cde; --clr-blog-author-background: #FFFFFF; --clr-blog-narra-background: #FFFFFF; --clr-blog-narra-text: #000000; --clr-blog-narra-highlight: #f47321; --clr-txt-bullet-dk: #f37321; --clr-txt-bullet-lt: #f47321; --clr-background-lightbox-rgba: rgba(0, 0, 0, 95%); --clr-keyboard-focus: #f37321; --ff-base: "Noto Sans", Arial; --ff-accent: "Outfit", Arial; --ff-text: var(--ff-base), Arial; --ff-paragraph: var(--ff-base), Arial; --ff-ul: var(--ff-base), Arial; --ff-ol: var(--ff-base), Arial; --ff-post-body: var(--ff-base), Arial; --ff-intro-title-sec: var(--ff-base), Arial; --ff-desc-sec: var(--ff-base), Arial; --ff-btn: var(--ff-accent), Arial; --ff-h1: var(--ff-accent), Arial; --ff-h2: var(--ff-base), Arial; --ff-h3: var(--ff-base), Arial; --ff-h4: var(--ff-base), Arial; --ff-h5: var(--ff-base), Arial; --ff-h6: var(--ff-base), Arial; --ff-header-top: var(--ff-base), Arial; --ff-header: var(--ff-base), Arial; --ff-burger: var(--ff-base), Arial; --ff-mega-menu: var(--ff-accent), Arial; --ff-amm-txt: var(--ff-base), Arial; --ff-amm-menu-title: var(--ff-accent), Arial; --ff-amm-menu: var(--ff-accent), Arial; --ff-amm-smm: var(--ff-base), Arial; --ff-footer-txt: var(--ff-base), Arial; --ff-footer-menu-title: var(--ff-accent), Arial; --ff-footer-menu: var(--ff-base), Arial; --ff-footer-legal: var(--ff-base), Arial; --ff-form-label: var(--ff-base), Arial; --ff-form-help: var(--ff-base), Arial; --ff-form-input: var(--ff-base), Arial; --ff-form-error: var(--ff-base), Arial; --ff-form-legal-consent: var(--ff-base), Arial; --fs-base: 16px; --fs-paragraph: 16px; --fs-post-body: 18px; --fs-intro-title-sec: 18px; --fs-desc-sec: 18px; --fs-btn: 14px; --fs-h1: 72px; --fs-h2: 48px; --fs-h3: 32px; --fs-h4: 24px; --fs-h5: 19px; --fs-h6: 16px; --fs-header-top: 12px; --fs-header: 17px; --fs-burger: 16px; --fs-mega-menu: 16px; --fs-amm-txt: 14px; --fs-amm-menu-title: 14px; --fs-amm-menu: 14px; --fs-amm-menu-sub: 13px; --fs-amm-smm: 14px; --fs-footer-txt: 14px; --fs-footer-menu-title: 14px; --fs-footer-menu: 14px; --fs-footer-legal: 12px; --fs-form-label: 14px; --fs-form-help: 14px; --fs-form-input: 16px; --fs-form-error: 16px; --fs-form-legal-consent: 14px; --fs-base-tablet: max( var(--fs-min), calc( var(--fs-base) * var(--fs-reduction-factor) ) ) ; --fs-paragraph-tablet: max( var(--fs-min), calc( var(--fs-paragraph) * var(--fs-reduction-factor) ) ) ; --fs-post-body-tablet: max( var(--fs-min), calc( var(--fs-post-body) * var(--fs-reduction-factor) ) ) ; --fs-intro-title-sec-tablet: max( var(--fs-min), calc( var(--fs-intro-title-sec) * var(--fs-reduction-factor) ) ) ; --fs-desc-sec-tablet: max( var(--fs-min), calc( var(--fs-desc-sec) * var(--fs-reduction-factor) ) ) ; --fs-btn-tablet: var(--fs-btn); --fs-h1-tablet: 72px; --fs-h2-tablet: 48px; --fs-h3-tablet: max( var(--fs-min), calc( var(--fs-h3) * var(--fs-reduction-factor) ) ) ; --fs-h4-tablet: max( var(--fs-min), calc( var(--fs-h4) * var(--fs-reduction-factor) ) ) ; --fs-h5-tablet: max( var(--fs-min), calc( var(--fs-h5) * var(--fs-reduction-factor) ) ) ; --fs-h6-tablet: max( var(--fs-min), calc( var(--fs-h6) * var(--fs-reduction-factor) ) ) ; --fs-header-top-tablet: var(--fs-header-top); --fs-header-tablet: var(--fs-header); --fs-burger-tablet: var(--fs-burger); --fs-footer-txt-tablet: var(--fs-footer-txt); --fs-footer-menu-title-tablet: var(--fs-footer-menu-title); --fs-footer-menu-tablet: var(--fs-footer-menu); --fs-footer-legal-tablet: var(--fs-footer-legal); --fs-form-label-tablet: var(--fs-form-label); --fs-form-help-tablet: var(--fs-form-help); --fs-form-input-tablet: var(--fs-form-input); --fs-form-error-tablet: var(--fs-form-error); --fs-form-legal-consent-tablet: var(--fs-form-legal-consent); --fs-base-mobile: var(--fs-base-tablet); --fs-paragraph-mobile: var(--fs-paragraph-tablet); --fs-post-body-mobile: var(--fs-post-body-tablet); --fs-intro-title-sec-mobile: var(--fs-intro-title-sec-tablet); --fs-desc-sec-mobile: var(--fs-desc-sec-tablet); --fs-btn-mobile: var(--fs-btn-tablet); --fs-h1-mobile: 50px; --fs-h2-mobile: 32px; --fs-h3-mobile: var(--fs-h3-tablet); --fs-h4-mobile: var(--fs-h4-tablet); --fs-h5-mobile: var(--fs-h5-tablet); --fs-h6-mobile: var(--fs-h6-tablet); --fs-header-top-mobile: var(--fs-header-top-tablet); --fs-burger-mobile: var(--fs-burger-tablet); --fs-footer-txt-mobile: var(--fs-footer-txt-tablet); --fs-footer-menu-title-mobile: var(--fs-footer-menu-title-tablet); --fs-footer-menu-mobile: var(--fs-footer-menu-tablet); --fs-footer-legal-mobile: var(--fs-footer-legal-tablet); --fs-form-label-mobile: var(--fs-form-label-tablet); --fs-form-help-mobile: var(--fs-form-help-tablet); --fs-form-input-mobile: var(--fs-form-input-tablet); --fs-form-error-mobile: var(--fs-form-error-tablet); --fs-form-legal-consent-mobile: var(--fs-form-legal-consent-tablet); --fw-base: 400; --fw-paragraph: 400; --fw-ul: inherit; --fw-ol: inherit; --fw-post-body: 400; --fw-intro-title-sec: 400; --fw-desc-sec: 400; --fw-h1: 700; --fw-h2: 400; --fw-h3: 700; --fw-h4: 700; --fw-h5: 700; --fw-h6: 700; --fw-btn: 400; --fw-header-top: 800; --fw-header: 700; --fw-burger: 700; --fw-mega-menu: 800; --fw-amm-txt: 400; --fw-amm-menu-title: 700; --fw-amm-menu: 700; --fw-amm-smm: 500; --fw-footer-txt: 400; --fw-footer-menu-title: 700; --fw-footer-menu: 500; --fw-footer-legal: 500; --fw-form-label: 500; --fw-form-help: 400; --fw-form-input: 400; --fw-form-error: 500; --fw-form-legal-consent: 400; --lh-base: 1.625em; --lh-paragraph: 2.0em; --lh-post-body: 2.111111111111111em; --lh-intro-title-sec: 1.6111111111111112em; --lh-desc-sec: 2.0em; --lh-h1: 1.1805555555555556em; --lh-h2: 1.2708333333333333em; --lh-h3: 1.59375em; --lh-h4: 1.5833333333333333em; --lh-h5: 1.5789473684210527em; --lh-h6: 1.625em; --lh-base-tablet: var(--lh-base); --lh-paragraph-tablet: var(--lh-paragraph); --lh-post-body-tablet: var(--lh-post-body); --lh-intro-title-sec-tablet: var(--lh-intro-title-sec); --lh-desc-sec-tablet: var(--lh-desc-sec); --lh-h1-tablet: 1.1805555555555556em; --lh-h2-tablet: 1.2708333333333333em; --lh-h3-tablet: var(--lh-h3); --lh-h4-tablet: var(--lh-h4); --lh-h5-tablet: var(--lh-h5); --lh-h6-tablet: var(--lh-h6); --lh-base-mobile: var(--lh-base-tablet); --lh-paragraph-mobile: var(--lh-paragraph-tablet); --lh-post-body-mobile: var(--lh-post-body-tablet); --lh-intro-title-sec-mobile: var(--lh-intro-title-sec-tablet); --lh-desc-sec-mobile: var(--lh-desc-sec-tablet); --lh-h1-mobile: 1.1em; --lh-h2-mobile: 1.09375em; --lh-h3-mobile: var(--lh-h3-tablet); --lh-h4-mobile: var(--lh-h4-tablet); --lh-h5-mobile: var(--lh-h5-tablet); --lh-h6-mobile: var(--lh-h6-tablet); --ls-base: 0px; --ls-paragraph: 0px; --ls-ul: 0px; --ls-ol: 0px; --ls-post-body: 0px; --ls-intro-title-sec: 0px; --ls-desc-sec: 0px; --ls-h1: -1px; --ls-h2: -1px; --ls-h3: -0.5px; --ls-h4: -0.5px; --ls-h5: 0px; --ls-h6: 0px; --ls-btn: 0px; --ls-header-top: 0px; --ls-header: 0px; --ls-burger: 0px; --ls-mega-menu: 0px; --ls-amm-txt: 0px; --ls-amm-menu-title: 0px; --ls-amm-menu: 0px; --ls-amm-smm: 0px; --ls-footer-txt: 0px; --ls-footer-menu-title: 0px; --ls-footer-menu: 0px; --ls-footer-legal: 0px; --ls-form-label: 0px; --ls-form-help: 0px; --ls-form-input: 0px; --ls-form-error: 0px; --ls-form-legal-consent: 0px; --ls-base-tablet: var(--ls-base); --ls-paragraph-tablet: var(--ls-paragraph); --ls-ul-tablet: var(--ls-ul); --ls-ol-tablet: var(--ls-ol); --ls-post-body-tablet: var(--ls-post-body); --ls-intro-title-sec-tablet: var(--ls-intro-title-sec); --ls-desc-sec-tablet: var(--ls-desc-sec); --ls-h1-tablet: -1px; --ls-h2-tablet: -1px; --ls-h3-tablet: var(--ls-h3); --ls-h4-tablet: var(--ls-h4); --ls-h5-tablet: var(--ls-h5); --ls-h6-tablet: var(--ls-h6); --ls-btn-tablet: var(--ls-btn); --ls-header-top-tablet: var(--ls-header-top); --ls-header-tablet: var(--ls-header); --ls-burger-tablet: var(--ls-burger); --ls-footer-txt-tablet: var(--ls-footer-txt); --ls-footer-menu-title-tablet: var(--ls-footer-menu-title); --ls-footer-menu-tablet: var(--ls-footer-menu); --ls-footer-legal-tablet: var(--ls-footer-legal); --ls-form-label-tablet: var(--ls-form-label); --ls-form-help-tablet: var(--ls-form-help); --ls-form-input-tablet: var(--ls-form-input); --ls-form-error-tablet: var(--ls-form-error); --ls-form-legal-consent-tablet: var(--ls-form-legal-consent); --ls-base-mobile: var(--ls-base-tablet); --ls-paragraph-mobile: var(--ls-paragraph-tablet); --ls-ul-mobile: var(--ls-ul-tablet); --ls-ol-mobile: var(--ls-ol-tablet); --ls-post-body-mobile: var(--ls-post-body-tablet); --ls-intro-title-sec-mobile: var(--ls-intro-title-sec-tablet); --ls-desc-sec-mobile: var(--ls-desc-sec-tablet); --ls-h1-mobile: -0.75px; --ls-h2-mobile: -0.75px; --ls-h3-mobile: var(--ls-h3-tablet); --ls-h4-mobile: var(--ls-h4-tablet); --ls-h5-mobile: var(--ls-h5-tablet); --ls-h6-mobile: var(--ls-h6-tablet); --ls-btn-mobile: var(--ls-btn-tablet); --ls-header-top-mobile: var(--ls-header-top-tablet); --ls-burger-mobile: var(--ls-burger-tablet); --ls-footer-txt-mobile: var(--ls-footer-txt-tablet); --ls-footer-menu-title-mobile: var(--ls-footer-menu-title-tablet); --ls-footer-menu-mobile: var(--ls-footer-menu-tablet); --ls-footer-legal-mobile: var(--ls-footer-legal-tablet); --ls-form-label-mobile: var(--ls-form-label-tablet); --ls-form-help-mobile: var(--ls-form-help-tablet); --ls-form-input-mobile: var(--ls-form-input-tablet); --ls-form-error-mobile: var(--ls-form-error-tablet); --ls-form-legal-consent-mobile: var(--ls-form-legal-consent-tablet); --tt-title: none; --tt-nav: none; --tt-link: none; --tt-other: uppercase; --br: 6px; --br-btn: 6px; --br-input: 6px; --br-menu: 6px; --br-box: 6px; --br-img: 6px; --br-checkbox: 6px; --br-sec: 6px; --sp-sec-p-vert-small: 40px; --sp-sec-p-vert-medium: 80px; --sp-sec-p-vert-large: 180px; --sp-sec-m-vert-small: 20px; --sp-sec-m-vert-medium: 40px; --sp-sec-m-vert-large: 80px; --sp-p-hor-desktop: 40px; --sp-p-hor-mobile: 40px; --sp-p-form-title-mobile: 0px; --sp-p-form-title-desktop: 0px; --sp-p-form-mobile: 0px; --sp-p-form-desktop: 0px; --lo-header-shift-left: 12%; --lo-content-width: 1200px; --lo-content-width-blog-post: 795px; --fs-reduction-factor: 0.75; --fs-min: 15px; --sp-reduction-factor: 0.75; --sl-pag-bullet-horizontal-gap: 5.0px; --sl-pag-bullet-inactive-opacity: 0.4; --sl-pag-bullet-inactive-height: 3px; --sl-pag-height: 3px; --sl-pag-bullet-inactive-width: 32px; --sl-pag-bullet-inactive-border-radius: 0px; --sl-pag-bullet-active-height: 3px; --sl-pag-bullet-active-width: 32px; --sl-pag-bullet-active-border-radius: 0px; --md-pos-z: 0; --clr-md: #ff144a; --clr-md-rgb: 255, 20, 74; --ul-li-spacing: 8px; --ol-li-spacing: 8px;--ts-bg-video-fade-duration: 2s; --ts-duration-factor: 1; } /* A11y: Turn off animations for users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { :root { --ts-duration-factor: 0; } } /***************************************************************************** INDEX: 1. MACROS #macro 2. BASE #base 3. HEADER #head 4. MENU STYLES #menu 5. BUTTONS #btn 6. SECTION MODULES #mod 7. MISCELLANOUS #misc 8. THIRD PARTY #third ***************************************************************************** */ /* ========================================================================== */ /* 1. MACROS #macro */ /* ========================================================================== */ /* ========================================================================== MACROS ========================================================================== */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /* Is used to reduce font-sizes for smaller screens */ /* Is used to reduce spacing (padding, margin) for smaller screens */ /* Generates rgba value from color object */ /* get Gradient Styles *//* Create styles for custom button shadows */ /* Create styles for custom buttons *//* Create styles for custom button sizes *//* Create styles for menu tags */ /* ========================================================================== */ /* 2. BASE #base */ /* ========================================================================== */ /* ========================================================================== */ /* Base Styles #base-pbs */ *, *:before, *:after { box-sizing: border-box; } html, body { background-color: var(--clr-background-html); font-weight: var(--fw-base); min-height: 100%; margin: 0; padding: 0; scroll-behavior: smooth; font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } /* Website background color and default font styles */ body { color: var(--clr-text-lt); font-family: var(--ff-text); font-size: 18px; /* fallback */ font-size: var(--fs-base); line-height: var(--lh-base); letter-spacing: var(--ls-base); } @media (max-width: 767px) { body { font-size: 18px; /* fallback */ font-size: var(--fs-base-tablet); line-height: var(--lh-base-tablet); letter-spacing: var(--ls-base-tablet); } } @media (max-width: 575px) { body { font-size: var(--fs-base-mobile); line-height: var(--lh-base-mobile); letter-spacing: var(--ls-base-mobile); } } /* Website Wrapper Background Color */ .body-container-wrapper { background-color: var(--clr-background-html); } /* Links */ a { color: var(--clr-link-html); text-decoration: none; } a:hover { color: var(--clr-link-hover-html); } .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]), .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]){ color: var(--clr-link-html); background-color: var(--clr-link-html-bg); text-decoration: var(--deco-link) var(--clr-link-html-deco); font-weight: var(--fw-link); } .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]):hover, .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]):hover { color: var(--clr-link-hover-html); background-color: var(--clr-link-hover-html-bg); text-decoration: var(--deco-link-hover) var(--clr-link-hover-html-deco); font-weight: var(--fw-link-hover); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]), .pwr-rich-text.pwr--dark a:not(.pwr-cta):not([class*="cta_button"]), .pwr-rich-text .pwr--dark a:not(.pwr-cta):not([class*="cta_button"]), .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]), .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not([class*="cta_button"]), .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not([class*="cta_button"]) { color: var(--clr-link-dk); background-color: var(--clr-link-dk-bg); text-decoration: var(--deco-link) var(--clr-link-dk-deco); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr-rich-text.pwr--dark a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr-rich-text .pwr--dark a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]):hover, .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not([class*="cta_button"]):hover, .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not([class*="cta_button"]):hover { color: var(--clr-link-hover-dk); background-color: var(--clr-link-hover-dk-bg); text-decoration: var(--deco-link-hover) var(--clr-link-hover-dk-deco); } .pwr--light .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]), .pwr-rich-text.pwr--light a:not(.pwr-cta):not([class*="cta_button"]), .pwr-rich-text .pwr--light a:not(.pwr-cta):not([class*="cta_button"]), .pwr--light .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]), .hs_cos_wrapper_type_rich_text.pwr--light a:not(.pwr-cta):not([class*="cta_button"]), .hs_cos_wrapper_type_rich_text .pwr--light a:not(.pwr-cta):not([class*="cta_button"]) { color: var(--clr-link-lt); background-color: var(--clr-link-lt-bg); text-decoration: var(--deco-link) var(--clr-link-lt-deco); } .pwr--light .pwr-rich-text a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr-rich-text.pwr--light a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr-rich-text .pwr--light a:not(.pwr-cta):not([class*="cta_button"]):hover, .pwr--light .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not([class*="cta_button"]):hover, .hs_cos_wrapper_type_rich_text.pwr--light a:not(.pwr-cta):not([class*="cta_button"]):hover, .hs_cos_wrapper_type_rich_text .pwr--light a:not(.pwr-cta):not([class*="cta_button"]):hover { color: var(--clr-link-hover-lt); background-color: var(--clr-link-hover-lt-bg); text-decoration: var(--deco-link-hover) var(--clr-link-hover-lt-deco); } a:focus { outline: none; } /* Icon color within links */ a > span > .hs_cos_wrapper_type_icon > svg { fill: currentColor; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: 700; /* fallback */ margin: 0; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: 0; } h1, .pwr-heading-style--h1 { font-family: var(--ff-h1); font-size: 72px; /* fallback */ font-size: var(--fs-h1); font-weight: var(--fw-h1); letter-spacing: var(--ls-h1); line-height: var(--lh-h1); } h2, .pwr-heading-style--h2 { font-family: var(--ff-h2); font-size: 38px; /* fallback */ font-size: var(--fs-h2); font-weight: var(--fw-h2); letter-spacing: var(--ls-h2); line-height: var(--lh-h2); } h3, .pwr-heading-style--h3 { font-family: var(--ff-h3); font-size: 32px; /* fallback */ font-size: var(--fs-h3); font-weight: var(--fw-h3); letter-spacing: var(--ls-h3); line-height: var(--lh-h3); } h4, .pwr-heading-style--h4 { font-family: var(--ff-h4); font-size: 24px; /* fallback */ font-size: var(--fs-h4); font-weight: var(--fw-h4); letter-spacing: var(--ls-h4); line-height: var(--lh-h4); } h5, .pwr-heading-style--h5 { font-family: var(--ff-h5); font-size: 19px; /* fallback */ font-size: var(--fs-h5); font-weight: var(--fw-h5); letter-spacing: var(--ls-h5); line-height: var(--lh-h5); } h6, .pwr-heading-style--h6 { font-family: var(--ff-h6); font-size: 16px; /* fallback */ font-size: var(--fs-h6); font-weight: var(--fw-h6); letter-spacing: var(--ls-h6); line-height: var(--lh-h6); margin-bottom: 20px; } @media (max-width: 767px) { h1, .pwr-heading-style--h1 { font-size: 54px; /* fallback */ font-size: var(--fs-h1-tablet); letter-spacing: var(--ls-h1-tablet); line-height: var(--lh-h1-tablet); } h2, .pwr-heading-style--h2 { font-size: 28px; /* fallback */ font-size: var(--fs-h2-tablet); letter-spacing: var(--ls-h2-tablet); line-height: var(--lh-h2-tablet); } h3, .pwr-heading-style--h3 { font-size: 24px; /* fallback */ font-size: var(--fs-h3-tablet); letter-spacing: var(--ls-h3-tablet); line-height: var(--lh-h3-tablet); } h4, .pwr-heading-style--h4 { font-size: 18px; /* fallback */ font-size: var(--fs-h4-tablet); letter-spacing: var(--ls-h4-tablet); line-height: var(--lh-h4-tablet); } h5, .pwr-heading-style--h5 { font-size: 15px; /* fallback */ font-size: var(--fs-h5-tablet); letter-spacing: var(--ls-h5-tablet); line-height: var(--lh-h5-tablet); } h6, .pwr-heading-style--h6 { font-size: 15px; /* fallback */ font-size: var(--fs-h6-tablet); letter-spacing: var(--ls-h6-tablet); line-height: var(--lh-h6-tablet); } } @media (max-width: 575px) { h1, .pwr-heading-style--h1 { font-size: 40px; /* fallback */ font-size: var(--fs-h1-mobile); letter-spacing: var(--ls-h1-mobile); line-height: var(--lh-h1-mobile); } h2, .pwr-heading-style--h2 { font-size: var(--fs-h2-mobile); letter-spacing: var(--ls-h2-mobile); line-height: var(--lh-h2-mobile); } h3, .pwr-heading-style--h3 { font-size: var(--fs-h3-mobile); letter-spacing: var(--ls-h3-mobile); line-height: var(--lh-h3-mobile); } h4, .pwr-heading-style--h4 { font-size: var(--fs-h4-mobile); letter-spacing: var(--ls-h4-mobile); line-height: var(--lh-h4-mobile); } h5, .pwr-heading-style--h5 { font-size: var(--fs-h5-mobile); letter-spacing: var(--ls-h5-mobile); line-height: var(--lh-h5-mobile); } h6, .pwr-heading-style--h6 { font-size: var(--fs-h6-mobile); letter-spacing: var(--ls-h6-mobile); line-height: var(--lh-h6-mobile); } } /* Paragraphs */ p { font-size: var(--fs-paragraph); font-weight: var(--fw-paragraph); letter-spacing: var(--ls-paragraph); line-height: var(--lh-paragraph); } @media (max-width: 767px) { p { font-size: var(--fs-paragraph-tablet); letter-spacing: var(--ls-paragraph-tablet); line-height: var(--lh-paragraph-tablet); } } @media (max-width: 575px) { p { font-size: var(--fs-paragraph-mobile); letter-spacing: var(--ls-paragraph-mobile); line-height: var(--lh-paragraph-mobile); } } /* Media */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } video { height: auto; max-width: 100%; outline: 0; } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Lists */ ol { counter-reset: item; -webkit-padding-start: 36px; padding-inline-start: 36px; } li > ol { -webkit-padding-start: 36px; padding-inline-start: 36px; } ol li { position: relative; } ol > li { display: block; } ol:not([style*="list-style-type"]) > li:before { content: counters(item, ".", decimal) " "; counter-increment: item; position: absolute; left: -36px; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list)[style*="list-style-type"], .pwr-rich-text ul[style*="list-style-type"], ol[style*="list-style-type"] { display:list-item; list-style-position:outside; margin-left: 25px; -webkit-padding-start: 11px; padding-inline-start: 11px; } /* Vector Graphics */ .hs_cos_wrapper_type_icon svg, .pwr-icon svg { display: block; height: 1em; width: 1em; } .pwr-rich-text .hs_cos_wrapper_type_icon svg, .widget-type-rich_text .hs_cos_wrapper_type_icon svg { height: initial; width: initial; } /* Base Styles */ /* ========================================================================== */ /* ========================================================================== */ /* Base Styles - Layout & DnD-Containers #base-dnd */ /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } .content-wrapper { margin: 0 auto; max-width: 1240px; padding: 0 20px; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section { padding: 80px 0; } @media (max-width: 1200px) { .dnd-section { padding-left: var(--sp-p-hor-desktop); padding-right: var(--sp-p-hor-desktop); } } @media (max-width: 575px) { .dnd-section { padding-left: var(--sp-p-hor-mobile); padding-right: var(--sp-p-hor-mobile); } } .dnd-section > .row-fluid { margin: 0 auto; max-width: var(--lo-content-width); } .dnd-section .dnd-column { padding: 0; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* ========================================================================== */ /* ========================================================================== */ /* Base Styles - Modules #base-mbs */ /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } .row-fluid .span12 { min-height: 0 !important; } /* Embed Container (iFrame, Object, Embed) */ @media (max-width:568px) { iframe { max-width: 100%; } } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* Base Styles - Modules */ /* ========================================================================== */ /* ========================================================================== */ /* Standard Module Styles #base-sms */ /* Site Search Input */ .hs-search-field { position: relative; } .hs-search-field__input { box-sizing: border-box; width: 100%; } .pwr-search-field__icon { align-items: center; background-color: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font-size: inherit; height: 24px; justify-content: center; padding: 0; position: absolute; right: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 24px; } .pwr-search-field__icon:hover svg { fill: var(--clr-primary); } .pwr--dark .pwr-search-field__icon:not(:hover) svg { fill: var(--clr-base-lt); } /* Standard Module Styles */ /* ========================================================================== */ /* ========================================================================== */ /* Helper Classes & Shared Styles #base-hc */ /* Page Center - Apply .page-center to full-width modules. */ .page-center, #page-center { float: none; max-width: var(--lo-content-width); margin: 0 auto; } @media (max-width: 1200px) { .page-center { margin-left: var(--sp-p-hor-desktop); margin-right: var(--sp-p-hor-desktop); } } @media (max-width: 575px) { .page-center { margin-left: var(--sp-p-hor-mobile); margin-right: var(--sp-p-hor-mobile); } } @media (min-width: 1201px) and (max-width: 1280px) { .page-center { max-width: calc( 100% - 80px ); } } /* Anchor ID's + Compensation for sticky header */ body:has(#pwr-header-fixed) :target { scroll-margin-top: 85px; } /* Margin Classes */ .pwr--margin-l-0 { margin-left: 0 !important; } .pwr--margin-r-sm { margin-right: 10px; } .pwr--margin-b-0 { margin-bottom: 0 !important; } .pwr--margin-b-sm { margin-bottom: 10px; } .pwr--margin-b-md { margin-bottom: 20px; } .pwr--margin-b-lg { margin-bottom: 40px !important; } .pwr--margin-b-xl { margin-bottom: 80px; } .pwr--margin-t-0 { margin-top: 0; } .pwr--sec-margin-t-sm { margin-top: var(--sp-sec-m-vert-small) !important; } .pwr--sec-margin-t-md { margin-top: var(--sp-sec-m-vert-medium) !important; } .pwr--sec-margin-t-lg { margin-top: var(--sp-sec-m-vert-large) !important; } .pwr--sec-margin-b-sm { margin-bottom: var(--sp-sec-m-vert-small) !important; } .pwr--sec-margin-b-md { margin-bottom: var(--sp-sec-m-vert-medium) !important; } .pwr--sec-margin-b-lg { margin-bottom: var(--sp-sec-m-vert-large) !important; } @media (max-width: 767px) { .pwr--margin-b-sm { margin-bottom: calc(10px * var(--sp-reduction-factor)); } .pwr--margin-b-md { margin-bottom: calc(20px * var(--sp-reduction-factor)); } .pwr--margin-b-lg { margin-bottom: calc(40px * var(--sp-reduction-factor)) !important; } .pwr--margin-b-xl { margin-bottom: calc(80px * var(--sp-reduction-factor)); } .pwr--sec-margin-t-sm { margin-top: calc(var(--sp-sec-m-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-margin-t-md { margin-top: calc(var(--sp-sec-m-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-margin-t-lg { margin-top: calc(var(--sp-sec-m-vert-large) * var(--sp-reduction-factor)) !important; } .pwr--sec-margin-b-sm { margin-bottom: calc(var(--sp-sec-m-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-margin-b-md { margin-bottom: calc(var(--sp-sec-m-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-margin-b-lg { margin-bottom: calc(var(--sp-sec-m-vert-large) * var(--sp-reduction-factor)) !important; } } .pwr--neg-margin-lr-10 { margin-left: -10px; margin-right: -10px; } .pwr--margin-centered { float: none !important; margin-left: auto; margin-right: auto; } /* Padding Classes */ .pwr--padding-l-sm { padding-left: 10px; } .pwr--padding-l-md { padding-left: 20px; } .pwr--padding-l-lg { padding-left: 40px; } .pwr--padding-r-sm { padding-right: 10px; } .pwr--padding-r-lg { padding-right: 40px; } .pwr--padding-t-0 { padding-top: 0 !important; } .pwr--padding-t-10 { padding-top: 10px !important; } .pwr--padding-t-20 { padding-top: 20px !important; } .pwr--padding-t-30 { padding-top: 30px !important; } .pwr--sec-padding-t-sm { padding-top: var(--sp-sec-p-vert-small) !important; } .pwr--sec-padding-t-md { padding-top: var(--sp-sec-p-vert-medium) !important; } .pwr--sec-padding-t-lg { padding-top: var(--sp-sec-p-vert-large) !important; } .pwr--padding-b-0 { padding-bottom: 0 !important; } .pwr--padding-b-10 { padding-bottom: 10px !important; } .pwr--padding-b-20 { padding-bottom: 20px !important; } .pwr--padding-b-30 { padding-bottom: 30px !important; } .pwr--padding-b-md { padding-bottom: 20px; } .pwr--sec-padding-b-sm { padding-bottom: var(--sp-sec-p-vert-small) !important; } .pwr--sec-padding-b-md { padding-bottom: var(--sp-sec-p-vert-medium) !important; } .pwr--sec-padding-b-lg { padding-bottom: var(--sp-sec-p-vert-large) !important; } .pwr-sec--first-with-header { padding-top: 110px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-sec--first-with-header, .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 190px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-sec--first-with-header, .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header-full { padding-top: 240px; } @media (max-width: 767px) { .pwr--sec-padding-t-sm { padding-top: calc(var(--sp-sec-p-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-t-md { padding-top: calc(var(--sp-sec-p-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-t-lg { padding-top: calc(var(--sp-sec-p-vert-large) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-sm { padding-bottom: calc(var(--sp-sec-p-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-md { padding-bottom: calc(var(--sp-sec-p-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-lg { padding-bottom: calc(var(--sp-sec-p-vert-large) * var(--sp-reduction-factor)) !important; } } @media (max-width: 575px ) { .pwr-sec--first-with-header { padding-top: 60px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-sec--first-with-header, .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 140px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-sec--first-with-header, .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header-full { padding-top: 190px; } } .pwr-sec--shadow { z-index: 2; } .pwr-sec--shadow { box-shadow: 0 4px 4px 0 rgba(0,0,0,.06), 0 8px 8px 0 rgba(0,0,0,.03), 0 16px 16px 0 rgba(0,0,0,.01); } .pwr-sec--shadow-dark { box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.1), 0 4px 4px 0 rgba(0,0,0,.1), 0 8px 8px 0 rgba(0,0,0,.1), 0 16px 16px 0 rgba(0,0,0,.1); } /* Text Classes */ .pwr--align-c { text-align: center; } .pwr--align-r { text-align: right; } .pwr--align-l { text-align: left !important; } @media (max-width: 991px) { .pwr--align-t-l { text-align: left !important; } .pwr--align-t-c { text-align: center !important; } .pwr--align-t-r { text-align: right !important; } } @media (max-width: 575px) { .pwr--align-m-l { text-align: left !important; } .pwr--align-m-c { text-align: center !important; } .pwr--align-m-r { text-align: right !important; } } /* div horizontal alignment classes */ .pwr--align-div-l { float: left; } .pwr--align-div-c { margin-left: auto; margin-right: auto; display: block; } .pwr--align-div-r { float: right; } @media (max-width: 991px) { .pwr--align-div-t-l { float: left ; } .pwr--align-div-t-c { margin-left: auto; margin-right: auto; display: block; float:unset; } .pwr--align-div-t-r { float: right; } } @media (max-width: 575px) { .pwr--align-div-m-l { float: left; } .pwr--align-div-m-c { margin-left: auto; margin-right: auto; display: block; float:unset; } .pwr--align-div-m-r { float: right; } } .pwr--txt-uppercase { text-transform: uppercase; } /* Flex Alignment Col */ .pwr--align-fcol-t { justify-content: flex-start; } .pwr--align-fcol-m { justify-content: center; } .pwr--align-fcol-b { justify-content: flex-end; } @media (max-width: 991px) { .pwr--align-fcol-t-t { justify-content: flex-start; } .pwr--align-fcol-t-m { justify-content: center; } .pwr--align-fcol-t-b { justify-content: flex-end; } } @media (max-width: 575px) { .pwr--align-fcol-m-t { justify-content: flex-start; } .pwr--align-fcol-m-m { justify-content: center; } .pwr--align-fcol-m-b { justify-content: flex-end; } } /* Flex Alignment Row */ .pwr--align-frow-t { align-items: flex-start; } .pwr--align-frow-m { align-items: center; } .pwr--align-frow-b { align-items: flex-end; } @media (max-width: 991px) { .pwr--align-frow-t-t { align-items: flex-start; } .pwr--align-frow-t-m { align-items: center; } .pwr--align-frow-t-b { align-items: flex-end; } } @media (max-width: 576px) { .pwr--align-frow-m-t { align-items: flex-start; } .pwr--align-frow-m-m { align-items: center; } .pwr--align-frow-m-b { align-items: flex-end; } } /* Disable Selection Highlighting */ .pwr--no-select, span[class^="pwr-menu-tag"] { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } /* Color Classes */ .pwr--dark { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr--light { background-color: var(--clr-background-lt); color: var(--clr-text-lt); } .pwr--txt-light, .pwr--txt-light:hover { color: var(--clr-text-dk); } .pwr--colored-box { background-color: var(--clr-background-accent-lt); border-radius: var(--br-box); color: var(--clr-text-lt); overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: var(--clr-background-accent-dk); color: var(--clr-text-dk); } body .pwr--colored-box.pwr--light { background-color: var(--clr-background-accent-lt); color: var(--clr-text-lt); } body .pwr--colored-box.pwr--dark { background-color: var(--clr-background-accent-dk); color: var(--clr-text-dk); } /* Positioning Classes */ .pwr--flip-hor { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pwr--relative { position: relative; } .pwr--full-width { width: 100%; padding-left: 80px !important; padding-right: 80px !important; } @media (max-width: 575px) { .pwr--full-width { padding-left: var(--sp-p-hor-mobile) !important; padding-right: var(--sp-p-hor-mobile) !important; } } /* Grid Classes */ .pwr--grid-col-2 { grid-column: span 2; } .pwr--grid-col-3 { grid-column: span 3; } .pwr--grid-col-4 { grid-column: span 4; } .pwr--grid-col-5 { grid-column: span 5; } .pwr--grid-col-6 { grid-column: span 6; } .pwr--grid-col-start-2 { grid-column-start: 2; } .pwr--grid-col-end-3 { grid-column-end: 3; } .pwr--grid-col-end-4 { grid-column-end: 4; } .pwr--grid-col-end-5 { grid-column-end: 5; } .pwr--grid-col-end-6 { grid-column-end: 6; } .pwr--grid-col-end-7 { grid-column-end: 7; } /* Absolute Positioning Classes */ .pwr--abs-full { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Width Classes */ .pwr--max-width-100 { max-width: 100% !important; } /* Hide */ .pwr--disabled { display: none; } /* Clearfix */ .pwr--clearfix::after { content: " "; display: block; height: 0; clear: both; } /* Horizontal Scroll Snapping */ .pwr-snap-inline { scroll-snap-type: inline mandatory; } .pwr-snap-inline > * { scroll-snap-align: start; } /* Borders */ .pwr--no-border { border: none !important; } /* Rich Text Fields (applied to all template modules) */ .pwr-rich-text { line-height: var(--lh-paragraph); } .pwr-rich-text > *:first-child { margin-top: 0; } .pwr-rich-text:not(.pwr-sec-txt__left) > *:last-child, .pwr-rich-text:not(.pwr-tab__content--left) > *:last-child { margin-bottom: 0; } .pwr-rich-text img { border-radius: var(--br-img); } .pwr-rich-text h1 + ul, .pwr-rich-text h2 + ul, .pwr-rich-text h3 + ul, .pwr-rich-text h4 + ul, .pwr-rich-text h5 + ul, .pwr-rich-text h6 + ul, .pwr-rich-text h1 + ol, .pwr-rich-text h2 + ol, .pwr-rich-text h3 + ol, .pwr-rich-text h4 + ol, .pwr-rich-text h5 + ol, .pwr-rich-text h6 + ol, .hs_cos_wrapper_type_rich_text h1 + ul, .hs_cos_wrapper_type_rich_text h2 + ul, .hs_cos_wrapper_type_rich_text h3 + ul, .hs_cos_wrapper_type_rich_text h4 + ul, .hs_cos_wrapper_type_rich_text h5 + ul, .hs_cos_wrapper_type_rich_text h6 + ul, .hs_cos_wrapper_type_rich_text h1 + ol, .hs_cos_wrapper_type_rich_text h2 + ol, .hs_cos_wrapper_type_rich_text h3 + ol, .hs_cos_wrapper_type_rich_text h4 + ol, .hs_cos_wrapper_type_rich_text h5 + ol, .hs_cos_wrapper_type_rich_text h6 + ol { padding-top: 1em; } /* Common Properties for Section Intro Title, Title and Description */ .pwr-sec__title-intro { display: block; font-family: var(--ff-intro-title-sec); font-size: 18px; /* fallback */ font-size: var(--fs-intro-title-sec); font-weight: var(--fw-intro-title-sec); margin-bottom: 15px; letter-spacing: var(--ls-intro-title-sec); line-height: var(--lh-intro-title-sec); position: relative; width: fit-content; } .pwr-sec__title-intro { color: var(--clr-intro-title-lt); } .pwr--dark .pwr-sec__title-intro { color: var(--clr-intro-title-dk); } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: var(--clr-title-lt); } .pwr--dark .pwr-sec__title { color: var(--clr-title-dk); } .pwr-sec__title-intro--narrow, .pwr-sec__title--narrow { max-width: 670px; } .pwr--align-c .pwr-sec__title-intro--narrow, .pwr--align-c .pwr-sec__title--narrow { margin-left: auto; margin-right: auto; } .pwr-sec__desc, .pwr-sec__desc p { display: inline-block; font-family: var(--ff-desc-sec); font-size: 18px; /* fallback */ font-size: var(--fs-desc-sec); font-weight: var(--fw-desc-sec); letter-spacing: var(--ls-desc-sec); line-height: var(--lh-desc-sec); } .pwr-sec__title + .pwr-sec__desc { margin-top: 25px; } .pwr-sec__intro-sec { z-index:1; } @media (max-width: 767px) { .pwr-sec__title-intro { font-size: 15px; /* fallback */ font-size: var(--fs-intro-title-sec-tablet); letter-spacing: var(--ls-intro-title-sec-tablet); line-height: var(--lh-intro-title-sec-tablet); margin-bottom: calc(15px * var(--sp-reduction-factor)); } .pwr-sec__desc, .pwr-sec__desc p { font-size: 15px; /* fallback */ font-size: var(--fs-desc-sec-tablet); letter-spacing: var(--ls-desc-sec-tablet); line-height: var(--lh-desc-sec-tablet); } .pwr-sec__title + .pwr-sec__desc { margin-top: calc(25px * var(--sp-reduction-factor)); } } @media (max-width: 575px ) { .pwr-sec__title-intro { font-size: var(--fs-intro-title-sec-mobile); letter-spacing: var(--ls-intro-title-sec-mobile); line-height: var(--lh-intro-title-sec-mobile); } .pwr-sec__title { word-break: break-word; } .pwr-sec__desc, .pwr-sec__desc p { font-size: var(--fs-desc-sec-mobile); letter-spacing: var(--ls-desc-sec-mobile); line-height: var(--lh-desc-sec-mobile); } } /* Video Background - Plyr / Vanilla */ /* visible when playing */ /* Video Background */ /* Parallax */ .pwr-parallax { left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: calc(100* (1vw + 1vh - 1vmin)); z-index: 0; } @media (max-width: 575px ) { .pwr--mobile-parallax-off .pwr-parallax { height: 100%; width: auto; object-fit: cover; } } /* Common Properties for 3D Box Effect */ .pwr-3D-box { height: 100%; position: relative; transform: perspective(1200px) scale(1); transform-style: preserve-3d; z-index: 1; } .pwr-3D-box__sensor { border-radius: var(--br-box); height: 100%; overflow: unset; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pwr-3D-box__info-box { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;z-index: 1; } .pwr-3D-box__info-box--centered { left: 50%; opacity: 0; position: absolute; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; width: 100%; } .pwr-3D-box__sensor { transform: none !important; } /* Explicit reset classes */ ul.pwr--reset { list-style: none; padding: 0; margin: 0; } li.pwr--reset { display: inline-block; } /* Shape Dividers */ .pwr-hero--full-height .pwr-shape-divider__offset-wrapper { height: 100%; } /* Helper Classes & Shared Styles */ /* ========================================================================== */ /* ========================================================================== */ /* 3. HEADER #head */ /* ========================================================================== */ /* ========================================================================== */ /* Skip to Content #head-s */ .pwr-header__skip { background-color: var(--clr-btn-primary); color: var(--clr-btn-txt-lt); font-family: var(--ff-accent); font-size: var(--fs-btn); font-weight: var(--fw-btn); height: 1px; text-transform: var(--tt-link); border-radius: var(--br-btn); overflow: hidden; position: absolute; left: -1000px; top: -1000px; padding: 13px 19px; width: 1px; z-index: 1002; } .pwr-header__skip:hover { background-color: var(--clr-btn-lt); color: var(--clr-btn-txt-dk); } .pwr-header__skip:hover, .pwr-header__skip:focus, .pwr-header__skip:active { box-shadow: 0px 0px 2px 3px rgb(62 53 241 / 50%); height: auto; left: 20px; overflow: visible; top: 16px; width: auto; } /* Skip to Content */ /* ========================================================================== */ /* ========================================================================== */ /* Header Top #head-t */ .pwr-header-top { background-color: var(--clr-background-lt); border-bottom: 1px solid rgba(var(--clr-base-dk-rgb), .1); font-size: 12px; /* fallback */ font-size: var(--fs-header-top); font-weight: 800; /* fallback */ font-weight: var(--fw-header-top); letter-spacing: var(--ls-header-top); padding: 15px 0; position: relative; z-index: 1001; } .pwr-header-top .hs-menu-wrapper li a { font-family: var(--ff-header-top); } .pwr-header-top__content-wrapper { display: flex; } .pwr-header-top.pwr--dark { background-color: var(--clr-background-dk); border-color: rgba(var(--clr-base-lt-rgb), .1); } .pwr-header-top--transparent { background-color: transparent !important; position: absolute; left: 0; right: 0; top: 0; } .pwr-header-top .hs_cos_wrapper_type_icon svg, .pwr-header-top .pwr-icon svg { height: 1.3em; width: 1.3em; } .pwr-header-top.pwr-header-top--blurry { background-color: rgba(var(--clr-base-lt-rgb), .8) !important; } .pwr-header-top.pwr-header-top--blurry.pwr--dark { background-color: rgba(var(--clr-base-dk-rgb), .8) !important; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-header-top.pwr-header-top--blurry { background-color: rgba(var(--clr-base-lt-rgb), .6) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } .pwr-header-top.pwr-header-top--blurry.pwr--dark { background-color: rgba(var(--clr-base-dk-rgb), .4) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } } .pwr--dark .pwr-header-top__social .pwr-social-icon { color: var(--clr-txt-nav-lt); opacity: 1; } .pwr--dark .pwr-header-top__social .pwr-social-icon:hover { opacity: var(--opc-nav-hover); } .pwr-header-top__menu .hs-menu-wrapper li a { color: var(--clr-txt-nav-dk); display: inline-block; padding: 0; } .pwr-header-top__menu--dark, .pwr-header-top__menu--dark .hs-menu-wrapper li a { color: var(--clr-txt-nav-lt); } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: var(--clr-txt-nav-dk); content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: var(--clr-txt-nav-lt); } .pwr-header-top__icon-close-wrapper, .pwr-header-top__toggle-wrapper { display: none; } @media (max-width: 767px ) { .pwr-header-top { font-size: var(--fs-header-top-tablet); letter-spacing: var(--ls-header-top-tablet); } } @media (min-width: 576px ) { .pwr-header-top--no-desktop { display: none; } .pwr-header-top__menu { margin-right: auto; } .pwr-header-top__social { margin-left: auto; } .pwr-header-top--flip-order .pwr-header-top__content-wrapper { flex-direction: row-reverse; } .pwr-header-top--flip-order .pwr-header-top__menu { margin-left: auto; margin-right: 0; } .pwr-header-top--flip-order .pwr-header-top__social { margin-left: 0; margin-right: auto; } } @media (max-width: 575px ) { .pwr-header-top { display: none; } /* Mobile Top Bar */ .pwr-header-top.pwr-header-top--mobile { display: none; padding: 40px 0; z-index: 1003; } .pwr-header-top.pwr-header-top--mobile:not(.pwr-header-top--blurry) { background-color: var(--clr-background-lt) !important; }.pwr--dark.pwr-header-top.pwr-header-top--mobile:not(.pwr-header-top--blurry) { background-color: var(--clr-background-dk) !important; } .pwr-header-top--mobile .pwr-header-top__content-wrapper { flex-direction: column; } .pwr-header-top--mobile-fixed { position: fixed; width: 100%; } .pwr-header-top.pwr-header-top--mobile .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 { display: block; float: none; font-family: var(--ff-header-top); font-size: var(--fs-header-top-mobile); font-weight: var(--fw-header-top); letter-spacing: var(--ls-header-top-mobile); line-height: 2em; text-align: center; text-transform: var(--tt-nav); width: 100%; } .pwr-header-top--mobile .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { content: ''; padding: 0; } .pwr-header-top--mobile .pwr-header-top__social { float: none; font-size: var(--fs-header-top-mobile); letter-spacing: var(--ls-header-top-mobile); margin: 10px auto; } .pwr-header-top--mobile .pwr-header-top__menu { margin: 10px auto; } /* Toggle Icon */ .pwr-header-top__toggle-wrapper { background-color: var(--clr-background-accent-lt); cursor: pointer; display: block; position: absolute; height: 28px; right: 40px; top: 50%; transform: translateY(-50%); width: 37px; } .pwr-header-top__toggle-wrapper--burger-icon-hidden { right: 0; } .pwr-header-top__toggle { display: block; position: relative; box-shadow: inset -1.5px 1.5px 0 0; color: var(--clr-txt-nav-dk); content: ""; height: 7px; margin: 0 auto; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0,-5px) rotate(135deg); transform: translate(0,-5px) rotate(135deg); width: 7px; } .pwr-header--dark-on-scroll.scroll .pwr-header-top__toggle-wrapper, .pwr--dark .pwr-header-top__toggle-wrapper { background-color: var(--clr-background-accent-dk); } .pwr-header--dark-on-scroll.scroll .pwr-header-top__toggle, .pwr--dark .pwr-header-top__toggle { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-top__toggle-wrapper { background-color: var(--clr-background-accent-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-top__toggle { color: var(--clr-txt-nav-dk); } /* Close Icon */ .pwr-header-top__icon-close-wrapper { display: block; position: absolute; right: 20px; top: 20px; padding: 20px; /* to increase tap area */ cursor: pointer; } .pwr-header-top__icon-close { position: absolute; transform: rotate(45deg); transform-origin: center center; } .pwr-header-top__icon-close:after, .pwr-header-top__icon-close:before { background-color: var(--clr-txt-nav-dk); content: ""; position: absolute; } .pwr--dark .pwr-header-top__icon-close:after, .pwr--dark .pwr-header-top__icon-close:before { background-color: var(--clr-txt-nav-lt); } .pwr-header-top__icon-close:after { width: 20px; height: 2px; left: -9px; } .pwr-header-top__icon-close:before { height: 20px; width: 2px; top: -9px; } } /* Header Top */ /* ========================================================================== */ /* ========================================================================== */ /* Header Main #head-m */ .pwr-header-fixed, .pwr-header-abs { left: 0; right: 0; top: 0; z-index: 100; } .body-wrapper:has(.pwr-header-fixed, .pwr-header-abs):has(#pwr-header-top:not(.pwr-header-top--no-desktop)) .pwr-header { top: 57px; } .pwr-header.pwr-header-fixed { position: fixed; } .pwr-header-fixed.scroll { box-shadow: -2px 3px 5px rgba(0,0,0,0.1); } .pwr-header.pwr-header-abs { position: absolute; } .pwr-header-fixed__spacer { height: 85px; width: 100%; } .body-wrapper:has(.pwr-header--transparent, .pwr-header-top--transparent) .pwr-header-fixed__spacer { display: none; } .pwr-header { background-color: var(--clr-background-lt); font-size: var(--fs-header); font-weight: var(--fw-header); letter-spacing: var(--ls-header); overflow: hidden; /* CLS Improvement */ position: relative; text-transform: var(--tt-nav); z-index: 1000; } .pwr-header .pwr-header__logo-link { display:block; }.pwr-header .hs-menu-wrapper li a { font-family: var(--ff-header); } .pwr-header.pwr--dark { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr-header--light-on-scroll.scroll { background-color: var(--clr-background-lt); color: var(--clr-text-lt); } .pwr-header--dark-on-scroll.scroll { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr-header--transparent:not(.scroll) { background-color: transparent; } .pwr-header.pwr-header--blurry.pwr--dark { background-color: rgba(var(--clr-base-dk-rgb), .8); } .pwr-header.pwr-header--blurry.pwr--light { background-color: rgba(var(--clr-base-lt-rgb), .8); } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-header.pwr-header--blurry.pwr--dark { background-color: rgba(var(--clr-base-dk-rgb), .4) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } .pwr-header.pwr-header--blurry.pwr--light { background-color: rgba(var(--clr-base-lt-rgb), .6) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } } .pwr-header.pwr-header--blurry.pwr-header--transparent:not(.scroll) { background-color: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; } .pwr-header--padding { padding: 20px 0; } .pwr-header-full { min-height: 90px; position: relative; } .pwr-header-logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 240px; height: auto; } .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo, .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-logo, .pwr-header--dark-on-scroll.scroll .pwr-header-logo:hover { color: var(--clr-text-dk); } .pwr-header--light-on-scroll.scroll .pwr-header-logo { color: var(--clr-text-lt); } .pwr-header-logo .logo-company-name { font-family: var(--ff-base); font-size: 28px; margin: 0; display: inline-block; } .pwr-header-logo__img { max-width: 240px; height: auto; } .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky, .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img, .pwr-header.scroll .pwr-header-logo--has-sticky .hs_cos_wrapper_type_logo { display: none; } .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky { display: block; } .pwr-header__menu { position: absolute; left: var(--lo-header-shift-left); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr--full-width .pwr-header__menu { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-header__menu--right { left: auto; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-header__menu--right-with-lang { right: 80px; } .pwr-header-right-bar { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } html[dir=rtl] .pwr-header-right-bar { left: 0; right: auto; } .pwr-header-right-bar--with-burger { right: 60px; } .pwr-header-right-bar__item { display: inline; position: relative; } .pwr-header-right-bar [class*="cta_button"] { margin-left: 30px; } .pwr-header-right-bar__cta--second [class*="cta_button"] { margin-left: 10px; } .pwr-header-right-bar__cta:hover { color: var(--clr-text-dk); } .pwr-header-right-bar__link { color: var(--clr-txt-nav-dk); opacity: 1; } .pwr-header-right-bar__icon { display: inline-block; fill: currentColor; vertical-align: middle; } .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link, .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__link { color: var(--clr-txt-nav-dk); } .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-dk); } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-dk); } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: var(--opc-nav-hover); } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-dk); } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-dk); } .pwr-dropdown { box-shadow: 0px 15px 30px rgba(0,0,0,.05); border-radius: var(--br-menu); opacity: 0; position: absolute; top: 58px; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; z-index: 5; } .pwr-dropdown--phone { left: 50%; padding: 24px; text-transform: none; min-width: 200px; } .pwr-dropdown--language { left: calc( 50% + 12px ); padding: 22px; text-align: center; width: max-content; } .pwr-dropdown, .pwr-header--light-on-scroll.scroll .pwr-dropdown { background-color: var(--clr-background-lt); } .pwr--dark .pwr-dropdown, .pwr-header--dark-on-scroll.scroll .pwr-dropdown { background-color: var(--clr-background-dk); } .pwr-header-right-bar__social .pwr-social-icon { padding: 0 .4em; } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: var(--clr-txt-nav-dk); } .pwr--dark .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: var(--clr-txt-nav-lt); } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: var(--opc-nav-hover); } .pwr-header-right-bar__phone .pwr-header-right-bar__link { padding: 36px 0; } .pwr-header-right-bar__phone:hover .pwr-dropdown, .pwr-header-right-bar__language-switcher:hover .pwr-dropdown { visibility: visible; opacity: 1; } .pwr-header-right-bar__language-switcher { font-family: var(--ff-header); } .pwr-dropdown__title { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-header); font-size: 16px; /* fallback */ font-size: var(--fs-base); font-weight: 700; margin-bottom: 3px; } .pwr-dropdown__link { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-base); font-size: 16px; /* fallback */ font-size: var(--fs-base); font-weight: 500; opacity: var(--opc-nav-hover); } a.pwr-dropdown__link:hover { color: var(--clr-txt-nav-dk); opacity: 1; } .pwr--dark:not(.scroll) .pwr-dropdown__title, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__title, .pwr--dark:not(.scroll) .pwr-dropdown__link, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link, .pwr--dark:not(.scroll) .pwr-dropdown__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header-right-bar__language-link { display: block; font-family: var(--ff-header); font-weight: 700; opacity: var(--opc-nav-hover); padding: 2px 0; } .pwr-header-right-bar__language-switcher .pwr-header-right-bar__link--dropdown-arrow { padding-right: 24px; } .pwr-header-right-bar__language-switcher .pwr-header-right-bar__link--dropdown-arrow:after { box-shadow: inset -2px 2px 0 0; color: var(--clr-text-lt); content: ""; display: block; height: 7px; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0,-5px) rotate(135deg); transform: translate(0,-5px) rotate(135deg); width: 7px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__language-switcher .pwr-header-right-bar__link--dropdown-arrow:after, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__language-switcher .pwr-header-right-bar__link--dropdown-arrow:after { color: var(--clr-text-dk); } /* Header Search Input */ .pwr-header-search { font-size: 16px; /* fallback */ font-size: var(--fs-base); height: 115px; left: 0; position: fixed; right: 0; top: -180px; width: 100vw; z-index: 150; display: none; } .pwr-header-search.visible { display: block; } .pwr-header-search.active { box-shadow: 0px 15px 30px rgba(0,0,0,.05); top: 0; } .pwr-header-search__inner { left: 50%; position: absolute; top: 32px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: var(--lo-content-width); } #pwr-header-search__input { background-color: transparent; border: 0; font-size: 18px; font-weight: 500; outline: none; padding: 15px 52px 15px 0; } #pwr-header-search__input::-ms-clear { display: none; } .pwr-header-search .pwr-search-field__icon { right: 55px; } .pwr-header-search .pwr-search-field__icon:not(:hover) svg { fill: currentColor !important; } .pwr-header-search__close { height: 24px; position: absolute; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 24px; } .pwr-header-search__close-icon { left: 50%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; top: 50%; } .pwr-header-search__close-icon::before, .pwr-header-search__close-icon::after { content: ""; position: absolute; } .pwr-header-search__close:hover .pwr-header-search__close-icon::before, .pwr-header-search__close:hover .pwr-header-search__close-icon::after { background-color: var(--clr-primary); } .pwr-header-search__close-icon::before { left: -9px; width: 20px; height: 2px; } .pwr-header-search__close-icon::after { top: -9px; width: 2px; height: 20px; } .pwr--dark .pwr-header-search, .pwr-header--dark-on-scroll.scroll .pwr-header-search { background-color: var(--clr-background-dk); color: var(--clr-txt-nav-lt); } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: var(--clr-txt-nav-lt); } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(var(--clr-txt-nav-lt-rgb), .66); } .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: var(--clr-txt-nav-lt); } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: var(--clr-background-lt); color: var(--clr-txt-nav-dk); } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: var(--clr-txt-nav-dk); } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(var(--clr-txt-nav-dk-rgb), .66); } .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: var(--clr-txt-nav-dk); } @media (max-width: 1200px ) { .pwr-header__menu { display: none; /* TODO: replace by css variable */ } } @media (max-width: 1200px ) { div.pwr-header-right-bar { right: 60px; /* TODO: replace by css variable */ } div.pwr-header-right-bar--no-burger { right: 0; } } @media (max-width: 1280px ) { #pwr-header-search__input { padding: 15px 150px 15px 40px; } .pwr-header-search__close { right: 40px; } .pwr-header-search .pwr-search-field__icon { right: 90px; } } @media (max-width: 767px ) { .pwr-header, .pwr-dropdown__link { font-size: var(--fs-header-tablet); letter-spacing: var(--ls-header-tablet); } .pwr-dropdown__title, .pwr-header-search { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); } .pwr-header-right-bar--lp { display: none; } } @media (max-width: 575px ) { .pwr-dropdown__title, .pwr-header-search { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } .pwr-header-right-bar { display: none !important; } .pwr-header-fixed { top: 0 !important; } } /* Dropdown Color Scheme Overrides */ .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper { background-color: var(--clr-background-lt) !important; } .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper { background-color: var(--clr-background-dk) !important; } .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.active-branch) a, .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.active-branch) a:after, .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.active-branch):hover a, .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.active-branch):hover a:after { color: var(--clr-txt-nav-dk) !important; } .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper li:not(.active-branch) a, .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper li:not(.active-branch) a:after, .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper li:not(.hs-menu-depth-1):hover > a, .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper li:not(.hs-menu-depth-1):hover > a:after, .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.hs-menu-depth-1):hover > a, .pwr-header.pwr-header--light-dropdown .hs-menu-children-wrapper li:not(.hs-menu-depth-1):hover > a:after { color: var(--clr-txt-nav-lt) !important; } .pwr-header.pwr-header--light-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2>a, .pwr-header.pwr-header--dark-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2>a { background-color: transparent; } .pwr-header.pwr-header--light-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2>a, .pwr-header.pwr-header--light-dropdown .pwr-header__menu--mega-menu .hs-menu-children-wrapper li.hs-menu-depth-2:hover>a { color: var(--clr-txt-nav-dk) !important; } .pwr-header.pwr-header--dark-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2>a { color: var(--clr-txt-nav-lt); } .pwr-header.pwr-header--light-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-dk-rgb), .2) !important; } .pwr-header.pwr-header--dark-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-lt-rgb), .2); } /* Header Main */ /* ========================================================================== */ /* ========================================================================== */ /* Header Burger #head-b */ .pwr-burger.closed { display: none; /* CLS */ }.pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:after { background-color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:after { background-color: var(--clr-txt-nav-dk); } .pwr-burger__trigger-open { position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; } html[dir=rtl] .pwr-burger__trigger-open { left: -10px; right: auto; } .pwr-burger__trigger-open--hidden { display: none; } .pwr-burger__icon-open { height: 22px; position: relative; width: 20px; } .pwr-burger__icon-open span { display: block; background-color: var(--clr-txt-nav-dk); height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; } .pwr-burger__icon-open:before { display: block; background-color: var(--clr-txt-nav-dk); height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; } .pwr-burger__icon-open:after { display: block; background-color: var(--clr-txt-nav-dk); height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; } .pwr--dark .pwr-burger__icon-open span { background-color: var(--clr-txt-nav-lt); } .pwr--dark .pwr-burger__icon-open:before { background-color: var(--clr-txt-nav-lt); } .pwr--dark .pwr-burger__icon-open:after { background-color: var(--clr-txt-nav-lt); } .pwr-burger__icon-open:before { content: ' '; } .pwr-burger__icon-open:after { content: ' '; } .pwr-burger__icon-open span { top: 50%; } .pwr-burger__icon-open:before { top: 1px; } .pwr-burger__icon-open:after { bottom: -1px; } @media (min-width: 1201px ) { .pwr-burger__trigger-open--mobile-only { display: none !important; } } /* Parent Menu Item Fix */ /* Header Burger */ /* ========================================================================== */ /* ========================================================================== */ /* Header Advanced Mega Menu #head-amm */ .pwr-header-advanced-mms { position: absolute; width: 10%; } @media (max-width: 1200px) { .pwr-header-advanced-mm:not(.pwr-header-advanced-mm--show-permanently) { display: none; } } @media (max-width: 991px) { .pwr-header-advanced-mm { display: none; } } .pwr-header-advanced-mm { opacity: 0; padding: 0 !important; transform-origin: center -60px; transform-style: preserve-3d; perspective: 1200px; visibility: hidden; } html:not(.hs-inline-edit) .pwr-header-advanced-mm, .pwr-header-advanced-mm--show-permanently { height: 100%; max-height: 100vh; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } html:not(.hs-inline-edit) .pwr-header-fixed .pwr-header-advanced-mm { max-height: calc(100vh - 85px); } .pwr-header-advanced-mm .hs-menu-wrapper.no-flyouts ul.hs-menu-children-wrapper { visibility: inherit; } @keyframes mmPanelOTReveal { from { transform: perspective(1200px) rotateX(-12deg); } to { transform: perspective(1200px) rotateX(0); } } .pwr-header-advanced-mm--is-active, .pwr-header-advanced-mm--show-permanently { opacity: 1; visibility: visible; z-index: 1001; } .pwr-header[data-mm-anim-fot-reveal='true'] .pwr-header-advanced-mm--is-active.pwr-header-advanced-mm--anim-fot-reveal:not(.pwr-header-advanced-mm--show-permanently) { animation: mmPanelOTReveal .4s forwards 1; } .pwr-header-advanced-mm--is-active:not(.pwr-header-advanced-mm--anim-fot-reveal), .pwr-header-advanced-mm--show-permanently { opacity: 1; } .pwr-header-advanced-mm:not(.pwr-header-advanced-mm--is-active):not(.pwr-header-advanced-mm--show-permanently) { height: 0 !important; } .pwr-header-advanced-mm--shadow { box-shadow: -2px 3px 5px rgba(0,0,0,0.1); } .pwr-header-advanced-mm--border-radius { border-radius: var(--br-box); } .pwr-header-advanced-mm--border-radius-bottom { border-radius: 0 0 var(--br-box) var(--br-box); } @keyframes mmPanelContentSlideActive { from { transform: translateX(calc(var(--mouse-dir-hor) * 35px)); } to { transform: translateX(0); } } .pwr-header[data-mm-anim-slide='true'] .pwr-header-advanced-mm--is-active:not(.pwr-header-advanced-mm--anim-fot-reveal):not(.pwr-header-advanced-mm--show-permanently) { animation: mmPanelContentSlideActive .4s forwards; } .pwr-header-advanced-mm.pwr--full-width .pwr-adc-main__cols { padding: 0; } .pwr-header-advanced-mm .pwr-adc-content__text { text-transform: none; } .pwr-header-advanced-mm .pwr-adc-content__menu .hs-menu-wrapper ul.hs-menu-children-wrapper { min-width: 0; } .pwr-header-advanced-mm .pwr-adc-content__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { max-width: 100%; width: auto !important; } .pwr-header-advanced-mm .pwr-adc-content__menu .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .pwr-header-advanced-mm .pwr-adc-content__menu .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:not(.is-anchor) { opacity: var(--opc-nav-hover); } .pwr-header-advanced-mm .pwr-adc-sub { padding-bottom: 8px; padding-top: 8px; } /* Header Advanced Mega Menu */ /* ========================================================================== */ /* ========================================================================== */ /* 4. MENU STYLES #menu */ /* ========================================================================== */ .pwr-js-menu--translated { display: none; } .pwr-header__menu--mega-menu { font-family: var(--ff-mega-menu); font-size: 13px; /* fallback */ font-size: var(--fs-mega-menu); font-weight: var(--fw-mega-menu); letter-spacing: var(--ls-mega-menu);f } .pwr-header__menu--mega-menu .hs-menu-wrapper li a { font-family: var(--ff-mega-menu); } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper ul { margin: 0; list-style: none; padding: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: var(--br-menu); box-shadow: 0px 15px 30px rgba(0,0,0,.05); min-width: 190px; text-align: left; -webkit-font-smoothing: antialiased !important; } html[dir=rtl] .hs-menu-wrapper ul.hs-menu-children-wrapper { text-align: right; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 23px 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts li.hs-menu-depth-1 > ul { margin-right: 10px; } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 20px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-2 ul.hs-menu-children-wrapper { box-shadow: none; } .hs-menu-wrapper ul.hs-menu-children-wrapper, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: var(--clr-background-lt); } .pwr--dark .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: var(--clr-background-accent-dk); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper ul.hs-menu-children-wrapper, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: var(--clr-background-dk); } .hs-menu-wrapper.flyouts ul.hs-menu-children-wrapper { opacity: 0; position: absolute; visibility: hidden; z-index: 10; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { left: -4px; top: calc( 100% + 4px ); } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts li.hs-menu-depth-2 ul.hs-menu-children-wrapper { left: calc(100% + 5px); top: -23px; } .hs-menu-wrapper.flyouts li.hs-item-has-children:hover > ul.hs-menu-children-wrapper, .hs-menu-wrapper.no-flyouts ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-show-active-branch ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper { display: block; opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.hs-item-has-children, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper { position: static; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { display: flex !important; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-1:hover li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { box-shadow: none; left: 0 !important; margin-right: 1px; width: 220px; position: relative; top: -10px !important; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0; } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { flex-wrap: wrap; width: 100vw; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { border-top: 1px solid rgba(var(--clr-base-lt-rgb),.2); top: calc( 100% - 1px); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { max-width: var(--lo-content-width); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { width: auto; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper li.hs-item-has-children:not(.has-mega-menu), .hs-menu-wrapper.pwr-a11y-menu li.hs-item-has-children, .hs-menu-wrapper.pwr-a11y-menu li.has-mega-menu { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 { display: inline-block; flex: 1; vertical-align: top; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-dk-rgb), .2); bottom: 25px; content: ''; display: block; position: absolute; right: 0; top: 33px; width: 1px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-lt-rgb), .2); } .hs-menu-wrapper li a { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-btn); margin: 0 15px; line-height: 1em; padding: 15px; position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical li a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; } .hs-menu-wrapper ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-2 a { white-space: normal; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } .hs-menu-wrapper li.hs-item-has-children > a, .hs-menu-wrapper li.has-mega-menu > a { padding-right: 30px; } .hs-menu-wrapper:not(.pwr-a11y-menu) li.hs-item-has-children > a:after, .hs-menu-wrapper:not(.pwr-a11y-menu) li.has-mega-menu > a:after, .pwr-a11y-menu .pwr-menu_submenu-arrow { box-shadow: inset -2px 2px 0 0; color: var(--clr-txt-nav-dk); content: ""; display: block; height: 7px; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); width: 7px; pointer-events: none; } .pwr-a11y-menu .pwr-menu_submenu-btn .pwr-menu_submenu-arrow { position: absolute; left: 3px; top: 6px; } .pwr-a11y-menu .pwr-menu_submenu-btn { position: absolute; right: 4px; top: calc(50% - 6px); width: 12px; height: 12px; } .pwr-a11y-menu li.hs-item-has-children li.hs-item-has-children .pwr-menu_submenu-btn { right: 24px; } .pwr-menu_submenu--open { visibility: visible !important; opacity: 1 !important; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-3 a:after { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts li.hs-item-has-children:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts li.hs-item-has-children:hover > a:after, .pwr-a11y-menu li.hs-item-has-children:not(.hs-menu-depth-1) .pwr-menu_submenu-btn:focus-visible .pwr-menu_submenu-arrow, .pwr-a11y-menu li.hs-item-has-children:not(.hs-menu-depth-1):hover .pwr-menu_submenu-arrow { -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); } .hs-menu-wrapper li.hs-menu-depth-1 > a { margin: 0; opacity: 1; } .pwr-header__menu .hs-menu-wrapper li.hs-menu-depth-1 > a { padding: 36px 25px; } .pwr-header__menu.pwr-header__menu--narrow-24 .hs-menu-wrapper li.hs-menu-depth-1 > a { padding-left: 12px; padding-right: 12px; } .pwr-header__menu.pwr-header__menu--narrow-32 .hs-menu-wrapper li.hs-menu-depth-1 > a { padding-left: 16px; padding-right: 16px; } .pwr-header__menu .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > a { padding-right: 30px; } .pwr-header__menu.pwr-header__menu--narrow-24 .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > a, .pwr-header__menu.pwr-header__menu--narrow-24 .hs-menu-wrapper li.hs-menu-depth-1.has-mega-menu > a { padding-right: 22px; } .pwr-header__menu.pwr-header__menu--narrow-32 .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > a, .pwr-header__menu.pwr-header__menu--narrow-32 .hs-menu-wrapper li.hs-menu-depth-1.has-mega-menu > a { padding-right: 24px; } .hs-menu-wrapper.flyouts li:not(.hs-menu-depth-1):first-child > a { margin-top: 23px; } .hs-menu-wrapper.flyouts li:not(.hs-menu-depth-1):last-child > a { margin-bottom: 23px; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:not(.hs-item-has-children):first-child > a, .hs_cos_wrapper_type_simple_menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:first-child > a { padding-left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:not(.hs-item-has-children):not(.has-mega-menu):last-child > a { padding-right: 0; } .pwr-header__menu--mega-menu .hs-menu-wrapper li:not(.hs-menu-depth-1) > a { padding: 10px 15px; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a { margin-top: 23px; margin-bottom: 0 !important; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a { cursor: default; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a:after { display: none; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:first-child > a { margin-top: 8px; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:last-child > a { margin-bottom: 27px; } .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a { padding-left: 0; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-3 > a { padding-left: 30px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-4 > a { padding-left: 45px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-5 > a { padding-left: 60px; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper li.hs-menu-depth-1:hover > a, .hs-menu-wrapper li.hs-menu-depth-1.active-branch > a:not(.is-anchor) { opacity: var(--opc-nav-hover); } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:not(.is-anchor) { background-color: var(--clr-nav-hover-background); } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:not(.is-anchor), .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:not(.is-anchor):after, .pwr-a11y-menu.hs-menu-wrapper li:not(.hs-menu-depth-1):hover > .pwr-menu_submenu-btn .pwr-menu_submenu-arrow { color: var(--clr-nav-hover-txt) ; } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after, .pwr--dark .pwr-a11y-menu .pwr-menu_submenu-arrow { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a:after, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a:after, .pwr-header--dark-on-scroll.scroll .pwr-a11y-menu .pwr-menu_submenu-arrow { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a:after, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a:after, .pwr-header--light-on-scroll.scroll .pwr-a11y-menu.hs-menu-wrapper li.hs-menu-depth-1 > .pwr-menu_submenu-btn .pwr-menu_submenu-arrow { color: var(--clr-txt-nav-dk); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3 > a { opacity: var(--opc-nav-hover); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { background-color: transparent; color: var(--clr-txt-nav-dk); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { color: var(--clr-txt-nav-lt); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:not(.is-anchor) { background-color: var(--clr-nav-hover-background); opacity: 1; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:not(.is-anchor), .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a:after, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:after { color: var(--clr-nav-hover-txt); } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; } span.focus-target { display: inherit; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal li a, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } /* Header Menu with Header Top - Keep it like on desktop till mobile sizes */ .pwr-header-top .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 { float: left; display: inline; width: auto; } .pwr-header-top .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 a { display: inline; } } /* MENU STYLES */ /* ========================================================================== */ /* ========================================================================== */ /* 5. BUTTONS #btn */ /* ========================================================================== */ body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button { background-color: var(--clr-btn-primary); border-radius: var(--br-btn); border-width: 0; color: var(--clr-btn-txt-lt); cursor: pointer; display: inline-block; font-family: var(--ff-btn); font-size: 13px; /* fallback */ font-size: var(--fs-btn); font-weight: var(--fw-btn); letter-spacing: var(--ls-btn); opacity: 1 !important; padding: 15px 21px; text-transform: var(--tt-link); } body .hs-button, body input[type="submit"], body input[type="button"] { text-decoration: none !important; -webkit-appearance: none; } body form > input[type="submit"]:hover, body form > input[type="button"]:hover, body #email-prefs-form .hs-button:hover, body .hs-search-module .hs-button:hover { background-color: var(--clr-btn-dk); } body .pwr--dark form > input[type="submit"]:hover, body .pwr--dark form > input[type="button"]:hover, body .pwr--dark #email-prefs-form .hs-button:hover, body .pwr--dark .hs-search-module .hs-button:hover { background-color: var(--clr-btn-lt); color: var(--clr-btn-txt-dk); } .hs-submit { display: inline-block; margin-top: 40px; padding: 0 !important; } @media (max-width: 767px ) { .hs-submit { margin-top: 20px; } } .hs-submit .hs-button { background-color: transparent; border: inherit; cursor: pointer; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; padding: 0; text-align: center; text-transform: inherit; width: 100%; } body .hs-button:focus, body input[type="submit"]:focus, body input[type="button"]:focus { outline: none; } .pwr-cta-container__cta { display: inline-block; margin: 0 10px 10px; } .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit { border: 0; border-radius: var(--br-btn); display: inline-block; font-family: var(--ff-btn); font-size: 13px; /* fallback */ font-size: var(--fs-btn); font-weight: var(--fw-btn); letter-spacing: var(--ls-btn); line-height: 1.6em; text-transform: var(--tt-link); z-index: 0; } .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit { opacity: 1 !important; overflow: hidden; padding: 15px 21px; position: relative; } .hs-submit .hs-button { padding: 15px 21px; } .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border .hs-submit, [class*="cta_button"].pwr-cta--regular-border, .pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border .hs-submit, [class*="cta_button"].pwr-cta--primary-border { border-style: solid; border-width: 2px; padding: 13px 19px; } .pwr-btn--regular-border .hs-submit .hs-button, .pwr-btn--primary-border .hs-submit .hs-button { padding: 13px 19px; } .cta_button:not(.pwr-cta--hubspot-style):before, .pwr-cta_button:not(.pwr-cta--hubspot-style):before, .cta_button:not(.pwr-cta--hubspot-style):after, .pwr-cta_button:not(.pwr-cta--hubspot-style):after, .hs-submit:before, .hs-submit:after { bottom: 0; display: block; content: ''; left: 0; position: absolute; width: 100%; z-index: -1; } .cta_button:not(.pwr-cta--hubspot-style):before, .pwr-cta_button:not(.pwr-cta--hubspot-style):before, .hs-submit:before { top: 0; } .cta_button:not(.pwr-cta--hubspot-style):after, .pwr-cta_button:not(.pwr-cta--hubspot-style):after, .hs-submit:after { height: 100%; } [class*="cta_button"].pwr-cta--long, .pwr-cta--long [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-btn--long .hs-submit .hs-button, .hs-submit .hs-button.large { padding-left: 41px; padding-right: 41px; } .pwr-cta--regular-border [class*="cta_button"].pwr-cta--long, [class*="cta_button"].pwr-cta--regular-border.pwr-cta--long, .pwr-cta--regular-border.pwr-cta--long [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--long .hs-submit .hs-button, .pwr-btn--regular-border .hs-submit .hs-button.large, .pwr-cta--primary-border [class*="cta_button"].pwr-cta--long, [class*="cta_button"].pwr-cta--primary-border.pwr-cta--long, .pwr-cta--primary-border.pwr-cta--long [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--long .hs-submit .hs-button, .pwr-btn--primary-border .hs-submit .hs-button.large { padding-left: 39px; padding-right: 39px; } [class*="cta_button"].pwr-cta--small, .pwr-cta--small [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-btn--small .hs-submit .hs-button { padding: 10px 16px; font-size: 12px; } .pwr-cta--regular-border [class*="cta_button"].pwr-cta--small, [class*="cta_button"].pwr-cta--regular-border.pwr-cta--small, .pwr-cta--regular-border.pwr-cta--small [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--small .hs-submit .hs-button, .pwr-cta--primary-border [class*="cta_button"].pwr-cta--small, [class*="cta_button"].pwr-cta--primary-border.pwr-cta--small, .pwr-cta--primary-border.pwr-cta--small [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--small .hs-submit .hs-button { padding: 8px 14px; font-size: 12px; } [class*="cta_button"].pwr-cta--large, .pwr-cta--large [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-btn--large .hs-submit .hs-button { padding: 22px 32px; font-size: 14px; } .pwr-cta--regular-border [class*="cta_button"].pwr-cta--large, [class*="cta_button"].pwr-cta--regular-border.pwr-cta--large, .pwr-cta--regular-border.pwr-cta--large [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--large .hs-submit .hs-button, .pwr-cta--primary-border [class*="cta_button"].pwr-cta--large, [class*="cta_button"].pwr-cta--primary-border.pwr-cta--large, .pwr-cta--primary-border.pwr-cta--large [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--large .hs-submit .hs-button { padding: 20px 30px; font-size: 14px; } .cta_button:not(.pwr-cta--hubspot-style):before, .pwr-cta_button:not(.pwr-cta--hubspot-style):before, .hs-submit:before, .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--primary-solid:before, .pwr-btn--primary-solid .hs-submit:before { background-color: var(--clr-btn-primary); } .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--primary-solid, .pwr-btn--primary-solid .hs-submit { color: var(--clr-btn-txt-lt); } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr-cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover:after, .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, [class*="cta_button"].pwr-cta--primary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-solid .hs-submit:hover:after { background-color: var(--clr-btn-dk); } .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr-cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .hs-submit:hover, .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, [class*="cta_button"].pwr-cta--primary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-solid .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr-header--dark-on-scroll.scroll [class*="cta_button"]:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .hs-submit:hover:after, .pwr--dark .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark [class*="cta_button"].pwr-cta--primary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover:after { background-color: var(--clr-btn-lt); } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr--dark .pwr-cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr-header--dark-on-scroll.scroll [class*="cta_button"]:not(.pwr-cta--hubspot-style):hover, .pwr--dark .hs-submit:hover, .pwr--dark .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark [class*="cta_button"].pwr-cta--primary-solid:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover { color: var(--clr-btn-txt-dk); } .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--regular-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-solid .hs-submit:before { background-color: var(--clr-btn-dk); } .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--regular-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-solid .hs-submit { color: var(--clr-btn-txt-lt); } .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, [class*="cta_button"].pwr-cta--regular-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid .hs-submit:hover:after { background-color: var(--clr-btn-primary); } .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, [class*="cta_button"].pwr-cta--regular-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark [class*="cta_button"].pwr-cta--regular-solid:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-solid .hs-submit:before { background-color: var(--clr-btn-lt); } .pwr--dark .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark [class*="cta_button"].pwr-cta--regular-solid, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .pwr-btn--regular-solid .hs-submit { color: var(--clr-btn-txt-dk); } .pwr--dark .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark [class*="cta_button"].pwr-cta--regular-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover:after { background-color: var(--clr-btn-primary); } .pwr--dark .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark [class*="cta_button"].pwr-cta--regular-solid:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-solid-primary-background [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--regular-solid-primary-background:before, .pwr-btn--regular-solid-primary-background .hs-submit:before { background-color: var(--clr-btn-lt); } .pwr-cta--regular-solid-primary-background [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--regular-solid-primary-background, .pwr-btn--regular-solid-primary-background .hs-submit { color: var(--clr-btn-txt-dk); } .pwr-cta--regular-solid-primary-background [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid-primary-background .hs-submit:hover:after { background-color: var(--clr-btn-dk); } [class*="cta_button"].pwr-cta--regular-solid-primary-background:hover:after { background-color: var(--clr-btn-dk) !important; } .pwr-cta--regular-solid-primary-background [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid-primary-background .hs-submit:hover { color: var(--clr-btn-txt-lt); } [class*="cta_button"].pwr-cta--regular-solid-primary-background:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--primary-border:before, .pwr-btn--primary-border .hs-submit:before { background-color: transparent; } .pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--primary-border, .pwr-btn--primary-border .hs-submit { border-color: var(--clr-btn-primary); color: var(--clr-btn-primary); } .pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-border .hs-submit:hover:after { background-color: var(--clr-btn-primary); } [class*="cta_button"].pwr-cta--primary-border:hover:after { background-color: var(--clr-btn-primary) !important; } .pwr-cta--primary-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-border .hs-submit:hover { color: var(--clr-btn-txt-lt); } [class*="cta_button"].pwr-cta--primary-border:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--regular-border:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-border .hs-submit:before { background-color: transparent; } .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--regular-border, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border .hs-submit { border-color: var(--clr-btn-dk); color: var(--clr-btn-txt-dk); } .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, [class*="cta_button"].pwr-cta--regular-border:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-border .hs-submit:hover:after { background-color: var(--clr-btn-dk); } .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, [class*="cta_button"].pwr-cta--regular-border:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-border .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark [class*="cta_button"].pwr-cta--regular-border:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-border .hs-submit:before { background-color: transparent; } .pwr--dark .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark [class*="cta_button"].pwr-cta--regular-border, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .pwr-btn--regular-border .hs-submit { border-color: var(--clr-btn-lt); color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark [class*="cta_button"].pwr-cta--regular-border:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-border .hs-submit:hover:after { background-color: var(--clr-btn-lt); } .pwr--dark .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark [class*="cta_button"].pwr-cta--regular-border:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-border .hs-submit:hover { color: var(--clr-btn-txt-dk); } /* Keep styles of HubSpot's CTA module configurable */ .dnd-module > .widget-type-cta .cta_button { color: var(--clr-text-lt); } .dnd-module > .widget-type-cta .cta_button:before, .dnd-module > .widget-type-cta .cta_button:after { display: none !important; color: var(--clr-text-lt) !important; } /* Theme settings for submit button of HubSpot's Form module */ div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit { color: var(--clr-btn-txt-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:before { background-color: var(--clr-btn-background-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover { color: var(--clr-btn-hover-txt-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover:after { background-color: var(--clr-btn-hover-background-hs); } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--link { background-color: transparent; box-shadow: none; margin-right: 20px; overflow: visible; padding: 0; position: relative; } .pwr-cta--link--back [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--link--back { margin-right: 0; margin-left: 21px; } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), [class*="cta_button"].pwr-cta--link, .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--link:before { color: var(--clr-btn-primary); } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--link:before, .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, [class*="cta_button"].pwr-cta--link:after { content: ""; display: block; position: absolute; } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--link:before { background-color: transparent; bottom: auto; left: auto; top: 50%; right: -20px; width: 8px; height: 8px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); box-shadow: inset -2px 2px 0 0; } .pwr-cta--link--back [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, [class*="cta_button"].pwr-cta--link--back:before { left: -20px; right: auto; -webkit-transform: translate(0, -4px) rotate(225deg); transform: translate(0, -4px) rotate(225deg); } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, [class*="cta_button"].pwr-cta--link:after { bottom: auto; left: auto; top: 50%; right: -20px; width: 10px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); background-color: var(--clr-btn-primary); } .pwr-cta--link--back [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, [class*="cta_button"].pwr-cta--link--back:after { left: -20px; right: auto; } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:before, [class*="cta_button"].pwr-cta--link:hover:before { -webkit-transform: translate(4px, -4px) rotate(45deg); transform: translate(4px, -4px) rotate(45deg); } .pwr-cta--link--back [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:before, [class*="cta_button"].pwr-cta--link--back:hover:before { -webkit-transform: translate(-4px, -4px) rotate(225deg); transform: translate(-4px, -4px) rotate(225deg); } .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, [class*="cta_button"].pwr-cta--link:hover:after { background-color: var(--clr-btn-primary); -webkit-transform: translate(4px, -1px); transform: translate(4px, -1px); height: 2px; } .pwr-cta--link--back [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, [class*="cta_button"].pwr-cta--link--back:hover:after { -webkit-transform: translate(-4px, -1px); transform: translate(-4px, -1px); } .pwr--dark .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark [class*="cta_button"].pwr-cta--link, .pwr--dark .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark [class*="cta_button"].pwr-cta--link:not(.pwr-cta--hubspot-style):before { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr--dark [class*="cta_button"].pwr-cta--link:after { background-color: var(--clr-btn-txt-lt) !important; } @media (max-width: 767px) { body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button, .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style) { font-size: var(--fs-btn-tablet); letter-spacing: var(--ls-btn-tablet); } } @media (max-width: 575px) { body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button, .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style) { font-size: var(--fs-btn-mobile); letter-spacing: var(--ls-btn-mobile); } } /* 01.12.2023: #1118, #1180: Fix: Z-Index on HS CTA Popups */ #hs-web-interactives-top-anchor, #hs-web-interactives-bottom-anchor { transform: translate3D(0px, 0px, 150px); } /* HS Image CTA */ .pwr-cta--hubspot-style .hs-cta-img { margin: 0 !important; height: auto; } /* Custom Buttons */ .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-01 .hs-submit { color: #FFFFFF; } .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-01 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-cta--custom-01 .hs-submit:before { background-color: #0b8cde; } .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-01 .hs-submit:after, .pwr-cta--custom-01 .hs-submit:hover:after { background: #f00f7b; background: -moz-linear-gradient(left, #f00f7b 0%, #f89b20 100%); background: -webkit-linear-gradient(left, #f00f7b 0%, #f89b20 100%); background: linear-gradient(to right, #f00f7b 0%, #f89b20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00f7b', endColorstr='#f89b20',GradientType=1 ); opacity: 0; } .pwr-cta--custom-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-01 .hs-submit:hover:after { opacity: 1; } .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-02 .hs-submit { color: #FFFFFF; } .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-02 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-cta--custom-02 .hs-submit:before { background-color: #fbab7e; } .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-02 .hs-submit:after, .pwr-cta--custom-02 .hs-submit:hover:after { background-color: #c850c0; opacity: 0; } .pwr-cta--custom-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-02 .hs-submit:hover:after { opacity: 1; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-03 .hs-submit { color: #ff6a88; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-03 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-cta--custom-03 .hs-submit:before { background-color: transparent; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-03 .hs-submit:after, .pwr-cta--custom-03 .hs-submit:hover:after { background: #a9c9ff; background: -moz-linear-gradient(left, #a9c9ff 0%, #ff6a88 100%); background: -webkit-linear-gradient(left, #a9c9ff 0%, #ff6a88 100%); background: linear-gradient(to right, #a9c9ff 0%, #ff6a88 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c9ff', endColorstr='#ff6a88',GradientType=1 ); opacity: 0; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-03 .hs-submit:hover:after { opacity: 1; } .pwr-cta--custom-03 [class*="cta_button"].pwr-cta--small, .pwr-cta--custom-03.pwr-cta--small [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-cta--custom-03.pwr-btn--small .hs-submit .hs-button { padding: 8px 14px; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-cta--custom-03 .hs-submit { padding: 13px 19px; } .pwr-cta--custom-03 [class*="cta_button"].pwr-cta--long, .pwr-cta--custom-03.pwr-cta--long [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-cta--custom-03.pwr-btn--long .hs-submit .hs-button, .pwr-cta--custom-03 .hs-submit .hs-button.large { padding-left: 39px; padding-right: 39px; } .pwr-cta--custom-03 [class*="cta_button"].pwr-cta--large, .pwr-cta--custom-03.pwr-cta--large [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-cta--custom-03.pwr-btn--large .hs-submit .hs-button { padding: 20px 30px; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-03 .hs-submit { border-color: #ff6a88; border-style: solid; border-width: 2px; } .pwr-cta--custom-03 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-03 .hs-submit:hover { border-color: #ff6a88; } .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-04 .hs-submit { color: #741b47; } .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-04 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-cta--custom-04 .hs-submit:before { background: #faaca8; background: -moz-linear-gradient(left, #faaca8 0%, #ddd6f3 100%); background: -webkit-linear-gradient(left, #faaca8 0%, #ddd6f3 100%); background: linear-gradient(to right, #faaca8 0%, #ddd6f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaca8', endColorstr='#ddd6f3',GradientType=1 ); } .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-04 .hs-submit:after, .pwr-cta--custom-04 .hs-submit:hover:after { background-color: #7814fe; opacity: 0; } .pwr-cta--custom-04 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-04 .hs-submit:hover:after { opacity: 1; } /* Custom Button Sizes */ [class*="cta_button"].pwr-cta--custom-size-01, .pwr-cta--custom-size-01 [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-btn--custom-size-01 .hs-submit .hs-button { padding: 15px 21px; font-size: 14px; line-height: 22px; } .pwr-cta--regular-border [class*="cta_button"].pwr-cta--custom-size-01, [class*="cta_button"].pwr-cta--regular-border.pwr-cta--custom-size-01, .pwr-cta--regular-border.pwr-cta--custom-size-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--custom-size-01 .hs-submit .hs-button, .pwr-cta--primary-border [class*="cta_button"].pwr-cta--custom-size-01, [class*="cta_button"].pwr-cta--primary-border.pwr-cta--custom-size-01, .pwr-cta--primary-border.pwr-cta--custom-size-01 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--custom-size-01 .hs-submit .hs-button { padding: max(13px,0px) max(19,0px)px; font-size: 14px; line-height: 22px; } [class*="cta_button"].pwr-cta--custom-size-02, .pwr-cta--custom-size-02 [class*="cta_button"]:not(.pwr-cta--hubspot-style), .pwr-btn--custom-size-02 .hs-submit .hs-button { padding: 15px 21px; font-size: 14px; line-height: 22px; } .pwr-cta--regular-border [class*="cta_button"].pwr-cta--custom-size-02, [class*="cta_button"].pwr-cta--regular-border.pwr-cta--custom-size-02, .pwr-cta--regular-border.pwr-cta--custom-size-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--custom-size-02 .hs-submit .hs-button, .pwr-cta--primary-border [class*="cta_button"].pwr-cta--custom-size-02, [class*="cta_button"].pwr-cta--primary-border.pwr-cta--custom-size-02, .pwr-cta--primary-border.pwr-cta--custom-size-02 [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--custom-size-02 .hs-submit .hs-button { padding: max(13px,0px) max(19,0px)px; font-size: 14px; line-height: 22px; } /* BUTTONS */ /* ========================================================================== */ /* ========================================================================== */ /* 6. SECTION MODULES #mod */ /* ========================================================================== */ /* ========================================================================== */ /* Top - Hero #mod-h */ .pwr-hero { overflow: hidden; position: relative; /*word-break: break-word;*/ z-index: 0; } .pwr-hero--full-height { height: calc( 100vh - 85px ); } .pwr-hero--large { height: 720px; } .pwr-hero--regular { height: 530px; } .pwr-hero--small { height: 440px; } .pwr-hero--x-small { height: 345px; } .pwr-hero--content-height { height: auto!important; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--full-height, .pwr-hero--transparent-header.pwr-hero--full-height { height: 100vh; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--large, .pwr-hero--transparent-header.pwr-hero--large { height: 805px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--regular, .pwr-hero--transparent-header.pwr-hero--regular { height: 615px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--small, .pwr-hero--transparent-header.pwr-hero--small { height: 525px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--x-small, .pwr-hero--transparent-header.pwr-hero--x-small { height: 430px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero--full-height, .pwr-hero--transparent-header-full.pwr-hero--full-height { height: 100vh; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero--large, .pwr-hero--transparent-header-full.pwr-hero--large { height: 855px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero--regular, .pwr-hero--transparent-header-full.pwr-hero--regular { height: 655px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero--small, .pwr-hero--transparent-header-full.pwr-hero--small { height: 575px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero--x-small, .pwr-hero--transparent-header-full.pwr-hero--x-small { height: 480px; } .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header--transparent) .pwr-hero--full-height, .pwr-hero--nontransparent-top-header-transparent-header.pwr-hero--full-height { height: calc( 100vh - 57px ) !important; } .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header:not(.pwr-header--transparent)) .pwr-hero--full-height, .pwr-hero--nontransparent-top-header-nontransparent-header.pwr-hero--full-height { height: calc( 100vh - 142px ); } .pwr-hero__info-box { position: absolute; bottom: 120px; width: 100%; } .pwr-hero--content-height .pwr-hero__info-box { bottom: auto !important; margin-bottom: 80px; margin-top: 80px; position: relative; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero.pwr-hero--content-height .pwr-hero__info-box, .pwr-hero--transparent-header.pwr-hero--content-height .pwr-hero__info-box { margin-top: 165px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero.pwr-hero--content-height .pwr-hero__info-box, .pwr-hero--transparent-header-full.pwr-hero--content-height .pwr-hero__info-box, .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header--transparent) .pwr-hero--content-height .pwr-hero__info-box, .pwr-hero--nontransparent-top-header-transparent-header.pwr-hero--content-height .pwr-hero__info-box { margin-top: 222px; } .pwr-hero__info-box--centered { text-align: center; } .pwr-hero__info-box--vertical-center { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: initial; height: fit-content; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero .pwr-hero__info-box--vertical-center, .pwr-hero--transparent-header .pwr-hero__info-box--vertical-center { padding-top: 85px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero .pwr-hero__info-box--vertical-center, .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-center, .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header--transparent) .pwr-hero--full-height .pwr-hero__info-box--vertical-center, .pwr-hero--nontransparent-top-header-transparent-header.pwr-hero--full-height .pwr-hero__info-box--vertical-center { padding-top: 142px; } .pwr-hero--small .pwr-hero__info-box, .pwr-hero--x-small .pwr-hero__info-box { bottom: 80px; } .pwr-hero__title { font-family: var(--ff-h1); margin: 0; max-width: 800px; text-transform: var(--tt-title); } .pwr-hero__title { color: var(--clr-title-lt); } .pwr--dark .pwr-hero__title { color: var(--clr-title-dk); } .pwr-hero__title--extra-large { font-size: 220px; font-weight: 700; letter-spacing: -6px; line-height: .9em; max-width: 100%; } .pwr-hero--small .pwr-hero__title, .pwr-hero--x-small .pwr-hero__title { max-width: 100%; } .pwr-hero__info-box--centered .pwr-hero__title { margin-left: auto; margin-right: auto; } .pwr--dark .pwr--light .pwr-hero__title { color: var(--clr-title-lt); } .pwr-hero__title-inner-mobile { display: none; } .pwr-hero__basic-info { display: inline-block; font-size: 30px; margin-top: 20px; padding-right: 40px; } .pwr-hero__info-box--centered .pwr-hero__basic-info { padding: 0 20px; } .pwr-hero__icon { display: inline-block; fill: currentColor; padding-bottom: 10px; padding-right: 20px; vertical-align: middle; } .pwr-hero__desc { font-size: 18px; line-height: 30px; margin: 20px 0 10px; max-width: 500px; } .pwr-hero__desc--larger { font-size: 30px; line-height: 40px; } .pwr-hero__info-box--centered:not(.page-center) { width: 100%; } .pwr-hero__info-box:not(.page-center):not(.pwr-hero__info-box--centered) { margin-left: 40px; margin-right: 40px; } .pwr-hero__info-box--centered .pwr-hero__desc { margin-left: auto; margin-right: auto; } .pwr-hero__cta-container { padding: 30px 0 10px; } .pwr-hero__cta-container [class*="cta_button"] { margin-bottom: 10px; } .pwr-hero__search { padding-top: 40px; max-width: 900px; } .pwr-hero__info-box--centered .pwr-hero__search { margin: 0 auto; } @media (max-width: 1199px) { .pwr-hero__info-box { width: calc(100% - 80px); } .pwr-hero__info-box--centered:not(.page-center) { padding-left: 40px; padding-right: 40px; } .pwr-hero__title--extra-large { font-size: 150px; letter-spacing: -0.04em; } } @media (max-width: 991px) { .pwr-hero__title--extra-large { font-size: 110px; letter-spacing: -0.035em; } .pwr-hero .pwr-hero__info-box, .pwr-hero .pwr-hero__info-box.page-center { bottom: 80px; } } @media (min-width: 992px) { .pwr-hero__info-box.page-center { left: 0; right: 0; } } @media (max-width: 767px) { .pwr-hero__title--extra-large { font-size: var(--fs-h1); font-size: max(var(--fs-min), calc(var(--fs-h1) * var(--fs-reduction-factor))); letter-spacing: 0; } .pwr-hero__basic-info, .pwr-hero__desc--larger { font-size: 30px; font-size: max(var(--fs-min), calc(30px * var(--fs-reduction-factor))); } .pwr-hero__desc { font-size: 18px; font-size: max(var(--fs-min), calc(18px * var(--fs-reduction-factor))); } } @media (max-width: 575px) { .pwr-hero:not(.pwr-hero--full-height):not(.pwr-hero--content-height) { height: auto !important; min-height: 250px; } .pwr-hero__bg-img { position: absolute; } .pwr-hero--full-height { height: calc( 100vh - 85px ); } .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header--transparent) .pwr-hero--full-height, .pwr-hero--nontransparent-top-header-transparent-header.pwr-hero--full-height { height: calc( 100vh - 57px ); } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--full-height, .pwr-hero--transparent-header.pwr-hero--full-height, .body-wrapper:has(.pwr-header-top--transparent):has(.pwr-header:not(.pwr-header--transparent)) .pwr-hero--full-height, .pwr-hero--transparent-top-header-nontransparent-header.pwr-hero--full-height { height: 100vh; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero .pwr-hero__info-box--vertical-center, .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-center, .body-wrapper:has(.pwr-header-top:not(.pwr-header-top--transparent)):has(.pwr-header--transparent) .pwr-hero--full-height .pwr-hero__info-box--vertical-center, .pwr-hero--nontransparent-top-header-transparent-header.pwr-hero--full-height .pwr-hero__info-box--vertical-center { padding-top: 85px; } .pwr-hero .pwr-hero__info-box, .pwr-hero .pwr-hero__info-box.page-center { bottom: auto; position: relative; margin-bottom: 60px; margin-top: 80px; } .pwr-hero .pwr-hero__info-box--vertical-bottom, .pwr-hero .pwr-hero__info-box--vertical-bottom.page-center, .pwr-hero .pwr-hero__info-box--vertical-center, .pwr-hero .pwr-hero__info-box--vertical-center.page-center { bottom: 0px; position: absolute; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero .pwr-hero__info-box, .pwr-hero--transparent-header.pwr-hero .pwr-hero__info-box { margin-top: 120px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero .pwr-hero__info-box, .pwr-hero--transparent-header-full.pwr-hero .pwr-hero__info-box { margin-top: 145px; } .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent, .pwr-header-top--transparent)) .pwr-hero .pwr-hero__info-box { margin-top: 80px !important; } .pwr-hero--content-height:not(.pwr-hero--transparent-header):not(.pwr-hero--transparent-header-full) .pwr-hero__info-box { margin-top: 60px !important; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero--content-height .pwr-hero__info-ox, .pwr-hero--transparent-header.pwr-hero--content-height .pwr-hero__info-box { margin-top: 145px; } .pwr-hero .pwr-hero__info-box--vertical-center, .pwr-hero .pwr-hero__info-box--vertical-center.page-center { margin-bottom: 0px; margin-top: 0px !important; } .pwr-hero__title { word-break: break-word; } .pwr-hero__title--typewriter-has-mobile-alt .pwr-hero__title-inner-mobile { display: block; } .pwr-hero__title--typewriter-has-mobile-alt .pwr-hero__title-inner { display: none; } .pwr-hero__basic-info { margin-top: 10px; } .pwr-hero__info-box > .pwr-hero__basic-info:first-of-type { margin-top: 30px; } .pwr-hero__cta-container { padding-top: 20px; } } @media (min-width: 576px) { .pwr-hero__info-box--vertical-top { top: 80px; } .body-wrapper:has(.pwr-header--transparent):not(:has(.pwr-header-top--transparent)) .pwr-hero .pwr-hero__info-box--vertical-top, .pwr-hero--transparent-header .pwr-hero__info-box--vertical-top { top: 165px; } .body-wrapper:has(.pwr-header):has(.pwr-header-top--transparent) .pwr-hero .pwr-hero__info-box--vertical-top, .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-top { top: 222px; } } @media (min-width: 576px) { .pwr-hero:not(.pwr-hero--content-height) .pwr-shape-divider__offset-wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } /* Video Background */ .pwr-video-background-plyr { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .pwr-video-background-plyr .plyr__video-embed { width: auto; height: 100%; } .pwr-video-background-plyr .plyr { opacity: 0; height: 100%; } .pwr-video-background-plyr>.plyr__video-embed { opacity:0; } .pwr-video-background-plyr .plyr.player--visible { opacity: 1; } .pwr-video-background-plyr .plyr.player--visible.plyr--paused, .pwr-video-background-plyr .plyr.player--visible.plyr--stopped { opacity: 0; } .pwr-video-background-plyr .plyr .plyr__controls { display: none; } .pwr-video-background-plyr .plyr--full-ui.plyr--video .plyr__control--overlaid { display: none; } .pwr-video-background-plyr .plyr .plyr__video-wrapper, .pwr-video-background-plyr .plyr.plyr--video { background: none ; } .pwr-video-background-plyr .plyr__video-embed { height: auto; max-width: none; min-width: 100%; min-height: 100%; overflow: hidden; position: absolute; width: auto; aspect-ratio: unset; } .pwr-video-background-plyr--pos-bottom .plyr__video-embed { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-video-background-plyr--pos-bottom .plyr--youtube .plyr__video-embed { -webkit-transform: translate(-50%, -10%) scale(1.2); transform: translate(-50%, -10%) scale(1.2); } .pwr-video-background-plyr--pos-center .plyr__video-embed { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background-plyr--parallax .plyr__video-embed { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background-plyr--pos-center .plyr--youtube .plyr__video-embed { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } .pwr-video-background-plyr--pos-left .plyr__video-embed { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background-plyr--pos-left .plyr--youtube .plyr__video-embed { -webkit-transform: translate(10%, -50%) scale(1.2); transform: translate(10%, -50%) scale(1.2); } .pwr-video-background-plyr--pos-right .plyr__video-embed { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background-plyr--pos-right .plyr--youtube .plyr__video-embed { -webkit-transform: translate(-10%, -50%) scale(1.2); transform: translate(-10%, -50%) scale(1.2); } .pwr-video-background-plyr--pos-top .plyr__video-embed { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .pwr-video-background-plyr--pos-top .plyr--youtube .plyr__video-embed { -webkit-transform: translate(-50%, 10%) scale(1.2); transform: translate(-50%, 10%) scale(1.2); } .pwr-video-background-plyr--pos-parallax { left:50%; } .pwr-video-background { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .pwr-video-background__youtube .inline-YTPlayer { max-width: 100vw !important; } .pwr-video-background video { height: auto; max-width: none; min-width: 100%; min-height: 100%; overflow: hidden; position: absolute; width: auto; } .pwr-video-background .pwr-video-background__youtube { height: auto; max-width: none; min-width: 100%; min-height: 100%; overflow: hidden; position: absolute; width: auto; } .pwr-video-background--pos-bottom video { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-video-background--pos-bottom .pwr-video-background__youtube { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-video-background--pos-center video { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background--pos-center .pwr-video-background__youtube { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background--pos-left video { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-left .pwr-video-background__youtube { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-right video { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-right .pwr-video-background__youtube { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-top video { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .pwr-video-background--pos-top .pwr-video-background__youtube { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .pwr-video-box:hover .pwr-sec-video__button, .pwr-sec-mockup__mockup:hover .pwr-sec-video__button { -webkit-transform: translate(-50%, -50%) scale(1.25); transform: translate(-50%, -50%) scale(1.25); } @media (max-width: 575px ) { .pwr-video-background__youtube--disable-m { display: none; } } /* Section Hero - Slider */ .pwr-hero .swiper { background-color: transparent; height: 100%; } /* ========================================================================== */ /* 7. MISCELLANOUS #misc */ /* ========================================================================== */ /* Advanced Back to Top Button *//* Cookie Notice */ div#hs-eu-cookie-confirmation { border: 0 !important; box-shadow: -2px 3px 5px rgba(0,0,0,0.1) !important; font-family: var(--ff-form-legal-consent) !important; }div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: var(--clr-base-dk) !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border-color: var(--clr-btn-primary) !important; border-radius: 0; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: var(--clr-btn-primary) !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: var(--clr-btn-primary) !important; }/* ========================================================================== */ /* Avoid CLS for deferred assets #cls */ .pwr-sec-accordion, .pwr-sec-clients, .pwr-sec-coming-soon, .pwr-sec-cta, .pwr-sec-form, .pwr-sec-guide, .pwr-sec-images, .pwr-sec-maintenance-error, .pwr-sec-map, .pwr-sec-mockup, .pwr-sec-posts, .pwr-sec-price-tables, .pwr-sec-schedule, .pwr-sec-services, .pwr-sec-split, .pwr-sec-stats, .pwr-sec-steps, .pwr-sec-team, .pwr-sec-testimonials, .pwr-sec-timeline, .pwr-sec-txt, .pwr-sec-video { overflow: hidden; position: relative; z-index: 0; } .pwr-sec-breadcrumbs { overflow: hidden; position: relative; } .pwr-sec-image-boxes, .pwr-sec-simple-list-items, .pwr-sec-values { position: relative; z-index: 1; } .pwr-sec-image-boxes--parallax { overflow: hidden; } .pwr-bento-grid { position: relative; } /* Fix: first tab visible by default */ .pwr-tabs__body .pwr-tabs__content:first-child { display: block; } /* Fix: Blinking overlays with transitions and opacity !=1 when loaded asynchonously */ .pwr-simple-list-item__overlay, .pwr-image-box__overlay, .pwr-post-item__overlay, .pwr-team-member__overlay { opacity:0; } .pwr-value__overlay { opacity: .45; } /* Fix: Transition on play button for transform scale only */ .pwr-sec-video__button { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-toc-menu--overlay { transform: translateY(-50%) ; } /* Avoid CLS for deferred assets #cls */ /* ========================================================================== */ /* ========================================================================== */ /* Bugfixes #bug */ .pwr--page-editor-fix { max-height: 100% !important; } /* Hide readmore until initialized */ .pwr-read-more { display: none; } .pwr-read-more__content--hidden { display: none; } .pwr-read-more.initialized { display: inline; } .pwr-mh--wrapper { overflow: auto; /* prevent margin collapse */ } .pwr-background-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* Help lazysizes to detect the correct img sizes during load */ img[data-sizes="auto"]:not([sizes]) { display: block; } .pwr-adc__content-wrappers { gap: 20px; } /* Compensate wrapper margin of header/footer */ .pwr-header .pwr-adc__content-wrappers, .pwr-footer .pwr-adc__content-wrappers { gap: 28px; } /* Hubspot cta_button style for prw-cta_button */ a.pwr-cta_button { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; vertical-align: middle; } .pwr-collapse-content { height: 0px !important; overflow: hidden !important; padding-top: 0px !important; padding-bottom: 0px !important; } /* default keybord focus style */ .pwr-focus-highlight { position: absolute; outline: 0.2rem solid var(--clr-keyboard-focus) !important; outline-offset: 0.15rem; border-radius: 1px; opacity: 1; z-Index: 9999; pointer-events: none; } /* Remove default browser outline */ *:focus-visible { outline: none; } .pwr-3D-box__info-box * { --clr-keyboard-focus: currentColor; } /* Bugfixes */ /* ========================================================================== */ /* ========================================================================== */ /* 8. THIRD PARTY #third */ /* ========================================================================== */ /* ========================================================================== */ /* Animate on Scroll (AOS) #third-aos */ .aos-disable, .aos-disable [data-aos], .aos-disable .aos-init { -webkit-transform: none !important; transform: none !important; transition-property: none !important; opacity: 1 !important; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js):not(.hs-inline-edit) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js):not(.hs-inline-edit) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js):not(.hs-inline-edit) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js):not(.hs-inline-edit) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js):not(.hs-inline-edit) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js):not(.hs-inline-edit) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js):not(.hs-inline-edit) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js):not(.hs-inline-edit) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /* ========================================================================== */