/****************************************************************************/ /* */ /* !!! 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 V1.1.4 */ /* by maka Ageny */ /* */ /* STYLE SETTINGS V1.0 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* With this file we provide you with comfortable options to adjust */ /* some global style aspects of the POWER theme to your needs. */ /* */ /* Please clone the theme to be able to edit the code files if you need */ /* to do so. */ /* */ /****************************************************************************/ /***************************************************************************** INDEX: 1. BASIC COLOR DEFINITIONS #bcd 2. SPECIFIC COLOR DEFINITIONS #scd - Background - Accent Background - Text - Titles - Links - Buttons - Navigation - Social Icons & Form Errors 3. FONT-SETTINGS #fs - Basic and accent font types - Font smooting - Font sizes - Font weights 4. ROUND EDGES #re 5. EFFECTS #eff - 3D box effect - Button hover effect 6. LAYOUT #lay - Main header menu position - Content width - Section padding - Responsive breakpoints - Mobile responsiveness size reduction factors 7. STYLING #sty - Slider Bullet Styles *****************************************************************************/ /* ========================================================================== 1. BASIC COLOR DEFINITIONS #bcd These colors are used throughout the POWER template. ========================================================================== */ /* This color represents e.g. background color for dark-mode, dark text color, * is base for dark borders, ... */ /*old value: theme.colors.brand_colors.base_color_dark.color */ /* This color represents e.g. dark accent background color for boxes in front * of dark background (baseColorDark) */ /*old value: theme.colors.brand_colors.accent_color_dark.color */ /* This color represents e.g. background color for light-mode, * light text color, is base for light borders, ... */ /* This color represents e.g. light accent background color for boxes in * front of light background (baseColorLight) */ /* This color represents your primary brand color, e.g. * Accents / Hightlights, Hovers, Buttons, ... */ /* ========================================================================= 2. SPECIFIC COLOR DEFINITIONS #scd In this section you have the possibility to set more specific colors for common elements like text, titles, buttons, etc. ========================================================================== */ /* Background Colors */ /* old value: theme.colors.power.dark_scheme.background.background_color.color*/ /* Dark / Light accent background colors */ /* Dark / Light text colors */ /*old value: theme.colors.power.dark_scheme.text.text_color.color*/ /*old value: theme.colors.power.light_scheme.text.text_color.color*/ /* Dark / Light intro title and title colors * For section intro + title, hero title, author page posts title and * blog overview (layout: 1 column) */ /* old value: theme.colors.power.dark_scheme.titles.title_color.color*/ /* Link-Colors */ /*old value: theme.colors.hs.html.links.link_color.color*/ /*old value: theme.colors.hs.html.links.link_hover_color.color */ /* Dark / Light Link-Colors for POWER rich-text fields */ /* Primary / Dark / Light button background + text colors */ /* Dark / Light font color for navigation (Header / Footer) */ /* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */ /*old value: .66*/ /*old value: .8*/ /* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */ /* Social Icon color used for Header Top (light), Author Page, Media Content Split module */ /* Colors for HubSpot's form module */ /* Colors for POWER's form modules */ /* ========================================================================== 3. FONT AND FONT-SIZES #fs If you have a custom or purchased font, upload the files via file-manager and reference the font format(s) in the @font-face statement Please note, that you have to clone the theme before to be able to edit the code files of the theme. ========================================================================== */ /* Custom / Purchased fonts configured via @font-face * * @font-face properties explained: * font-family -> Official / Configured name of the font - this can be overwritten * by the function local within src-attribute if a custom name is desired. * src -> Here the links to the different font-formats uploaded in file-manager * are referenced * *.woff2 - format for all modern browsers * *.woff - format for IE 11 * *.eot - format for IE 6 - IE 8 * *.ttf - format for Safari, Android, iOS * *.svg - format for older iOS devices * font-weight -> Font weight as number (e.g. 700) or name (e.g. bold) * font-style -> Font style e.g. italic * */ /* @font-face { font-family: 'internal_font_name'; src: local('How_you_want_to_call_and_use_the_font'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ /* roboto-regular - latin */ /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('roboto'), url('https://7466322.fs1.hubspotusercontent-na1.net/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */ /* font-display: swap; */ } */ /* roboto-700 - latin */ /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto'), local('roboto'), url('https://7466322.fs1.hubspotusercontent-na1.net/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-700.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */ /* font-display: swap; */ } */ /* Font family to use in the template * * You can set the names of the fonts you have imported via * @font-face above and optionally configure fall-back fonts (comma-separated) * */ /* You can use a different accent font-family for titles, CTAs, Menu, ... */ /* Switch font smoothing on (true) or off (false) */ /* * Font-sizes IN PIXELS */ /* Font size used in the body and in rich-text fields */ /* Font size used for paragraphs in the body and in rich-text fields */ /* Font size used in the blog post body */ /* Font-size for intro title in section modules */ /* Font-size for text description in section modules */ /* Font-size for buttons */ /* Font-sizes for headings */ /* Font-sizes for navigation (header and footer) - we recommend small variations from the default value */ /* Font-size for forms */ /* * Font-weights */ /* Font weight used in the body */ /* Font weight used in paragraphs */ /* Font weight used in the blog post body */ /* Font weight for intro title in section modules */ /* Font weight for text description in section modules */ /* Font weight used for headings */ /* Font weight for buttons */ /* Font weights Header */ /* Font weights for forms */ /* * Line-heights TRANSFORMED TO EM */ /* Line height used in the body */ /* Line height used in paragraphs */ /* Line height used in the blog post body */ /* Line height for intro title in section modules */ /* Line height for text description in section modules */ /* Line height for headings */ /* * Letter-spacings IN PIXELS */ /* Letter-spacing used in the body */ /* Letter-spacing used in paragraphs */ /* Letter-spacing used in the blog post body */ /* Letter-spacing for intro title in section modules */ /* Letter-spacing for text description in section modules */ /* Letter-spacing used for headings */ /* Letter-spacing for buttons */ /* Letter-spacing Header */ /* Letter-spacing for forms */ /* Accent text-property for e.g. titles, button-texts, menu, ... * Standard value -> text-transform: uppercase. To deactivate, use empty single quotation */ /* ========================================================================== 4. ROUND EDGES #re 0px is rectangular and 25px already pretty round ========================================================================== */ /* Round edges on buttons */ /* Round edges on inputs */ /* Round edges on dropdowns */ /* Round edges on boxes */ /* Round edges on images */ /* Round edges on checkboxes (max 6px) */ /* ========================================================================== 5. EFFECTS #eff ========================================================================== */ /* Switch 3D box effect on (true) or off (false) */ /* Switch button hover effect on (true) or off (false) */ /* ========================================================================== 6. LAYOUT #lay ========================================================================== */ /* * Main header menu position * * Position in percent. * Automatically centered if header is full-width */ /* Content width in pixel */ /* Vertical section padding in pixel * Relates to 'padding top' and 'padding bottom' setting in modules */ /* Horizontal section padding in pixel */ /* Header Breakpoint (when does it change to a burger menu...) */ /* Responsive Breakpoints */ /* Mobile responsiveness size reduction factors used by macros */ /* reduces font-sizes for mobile where applicable - by factor e.g. .25 => 25% */ /* Not smaller than ... pixel */ /* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */ /* ========================================================================== 7. STYLING #sty ========================================================================== */ /* * Slider Bullet Styles */ :root { --sl-pag-bullet-horizontal-gap: 5.0px; --sl-pag-bullet-inactive-opacity: 0.4; --sl-pag-bullet-inactive-size: 5px; --sl-pag-height: 5px; --sl-pag-bullet-inactive-border-radius: 0px; --sl-pag-bullet-inactive-border-radius: 50%; --sl-pag-bullet-active-size: 5px; --sl-pag-bullet-active-border-radius: 0px; --sl-pag-bullet-active-border-radius: 50%; } :root { --clr-base-dk: #171B25; --clr-base-dk-rgb: 23, 27, 37; --clr-accent-dk: #282B34; --clr-base-lt: #FFFFFF; --clr-base-lt-rgb: 255, 255, 255; --clr-accent-lt: #F4f6FA; --clr-primary: #1D8296; --clr-primary-rgb: 29, 130, 150; --clr-background-html: #FFFFFF; --clr-background-dk: #00546c; --clr-background-dk-rgb: 0, 84, 108; --clr-background-lt: #FFFFFF; --clr-background-lt-rgb: 255, 255, 255; --clr-background-accent-dk: #282B34; --clr-background-accent-dk-rgb: 40, 43, 52; --clr-background-accent-lt: #F4f6FA; --clr-background-accent-lt-rgb: 244, 246, 250; --clr-text-dk: #FFFFFF; --clr-text-dk-rgb: 255, 255, 255; --clr-text-lt: #171B25; --clr-text-lt-rgb: 23, 27, 37; --clr-intro-title-dk: #FFFFFF; --clr-intro-title-lt: #171B25; --clr-title-dk: #FFFFFF; --clr-title-lt: #171B25; --clr-link-html: #1D8296; --clr-link-hover-html: #171B25; --clr-link-dk: #1D8296; --clr-link-lt: #1D8296; --clr-link-hover-dk: #FFFFFF; --clr-link-hover-lt: #171B25; --clr-btn-primary: #1D8296; --clr-btn-dk: #171B25; --clr-btn-lt: #FFFFFF; --clr-btn-txt-dk: #171B25; --clr-btn-txt-lt: #FFFFFF; --clr-btn-background-hs: #1D8296; --clr-btn-hover-background-hs: #171B25; --clr-btn-txt-hs: #FFFFFF; --clr-btn-hover-txt-hs: #FFFFFF; --clr-txt-nav-dk: #171B25; --clr-txt-nav-dk-rgb: 23, 27, 37; --clr-txt-nav-lt: #FFFFFF; --clr-txt-nav-lt-rgb: 255, 255, 255; --opc-nav-hover: .66; --opc-footer-hover: .8; --clr-nav-hover-background: #1D8296; --clr-nav-hover-txt: #FFFFFF; --clr-hover-box-txt: #FFFFFF; --clr-hover-box-background: #1D8296; --clr-icon-social-lt: #C4C8D3; --clr-form-title-background-hs-rgba: rgba(244, 246, 250, 0%); --clr-form-title-hs: #171B25; --clr-form-background-hs-rgba: rgba(244, 246, 250, 0%); --clr-form-border-hs-rgba: rgba(23, 27, 37, 0%); --clr-form-label-hs: #171B25; --clr-form-field-border-hs-rgba: #171B25; --clr-form-error: #F2545B; --clr-form-label-dk: #FFFFFF; --clr-form-label-lt: #171B25; --clr-form-field-border-dk-rgba: rgba(255, 255, 255, 60%); --clr-form-field-border-dk: #FFFFFF; --clr-form-field-border-lt-rgba: #171B25; --clr-form-field-border-lt: #171B25; --clr-form-error-dk: #FFFFFF; --clr-form-error-lt: #F2545B; --clr-blog-listing-background: #F4f6FA; --clr-blog-post-background: #F4f6FA; --clr-blog-author-background: #FFFFFF; --clr-txt-bullet-dk: #1D8296; --clr-txt-bullet-lt: #1D8296; --clr-background-lightbox-rgba: rgba(0, 0, 0, 95%); --ff-base: "-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif", Arial; --ff-accent: "-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif", 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-accent), Arial; --ff-h3: var(--ff-accent), Arial; --ff-h4: var(--ff-accent), Arial; --ff-h5: var(--ff-accent), Arial; --ff-h6: var(--ff-accent), Arial; --ff-header-top: var(--ff-base), Arial; --ff-header: var(--ff-accent), Arial; --ff-burger: var(--ff-accent), 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: 13px; --fs-h1: 72px; --fs-h2: 38px; --fs-h3: 32px; --fs-h4: 24px; --fs-h5: 19px; --fs-h6: 16px; --fs-header-top: 12px; --fs-header: 14px; --fs-burger: 13px; --fs-mega-menu: 13px; --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: max( var(--fs-min), calc( var(--fs-h1) * var(--fs-reduction-factor) ) ) ; --fs-h2-tablet: max( var(--fs-min), calc( var(--fs-h2) * var(--fs-reduction-factor) ) ) ; --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: max( var(--fs-min), calc( var(--fs-h1-tablet) * var(--fs-reduction-factor) ) ) ; --fs-h2-mobile: var(--fs-h2-tablet); --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: 700; --fw-h3: 700; --fw-h4: 700; --fw-h5: 700; --fw-h6: 700; --fw-btn: 800; --fw-header-top: 800; --fw-header: 700; --fw-burger: 800; --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.605263157894737em; --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: var(--lh-h1); --lh-h2-tablet: var(--lh-h2); --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: var(--lh-h1-tablet); --lh-h2-mobile: var(--lh-h2-tablet); --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: var(--ls-h1); --ls-h2-tablet: var(--ls-h2); --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: var(--ls-h1-tablet); --ls-h2-mobile: var(--ls-h2-tablet); --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: none; --br: 6px; --br-btn: 6px; --br-input: 6px; --br-menu: 6px; --br-box: 6px; --br-img: 6px; --br-checkbox: 6px; --sp-sec-p-vert-small: 40px; --sp-sec-p-vert-medium: 80px; --sp-sec-p-vert-large: 180px; --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: 13%; --lo-content-width: 1200px; --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-size: 5px; --sl-pag-height: 5px; --sl-pag-bullet-inactive-border-radius: 0px; --sl-pag-bullet-inactive-border-radius: 50%; --sl-pag-bullet-active-size: 5px; --sl-pag-bullet-active-border-radius: 0px; --sl-pag-bullet-active-border-radius: 50%; --md-pos-z: 0; --clr-md: #ff144a; --clr-md-rgb: 255, 20, 74; --ul-li-spacing: 8px; --ol-li-spacing: 8px; } /***************************************************************************** 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 V1.1.4 */ /* by maka Ageny */ /* */ /* STYLE SETTINGS V1.0 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* With this file we provide you with comfortable options to adjust */ /* some global style aspects of the POWER theme to your needs. */ /* */ /* Please clone the theme to be able to edit the code files if you need */ /* to do so. */ /* */ /****************************************************************************/ /***************************************************************************** INDEX: 1. BASIC COLOR DEFINITIONS #bcd 2. SPECIFIC COLOR DEFINITIONS #scd - Background - Accent Background - Text - Titles - Links - Buttons - Navigation - Social Icons & Form Errors 3. FONT-SETTINGS #fs - Basic and accent font types - Font smooting - Font sizes - Font weights 4. ROUND EDGES #re 5. EFFECTS #eff - 3D box effect - Button hover effect 6. LAYOUT #lay - Main header menu position - Content width - Section padding - Responsive breakpoints - Mobile responsiveness size reduction factors 7. STYLING #sty - Slider Bullet Styles *****************************************************************************/ /* ========================================================================== 1. BASIC COLOR DEFINITIONS #bcd These colors are used throughout the POWER template. ========================================================================== */ /* This color represents e.g. background color for dark-mode, dark text color, * is base for dark borders, ... */ /*old value: theme.colors.brand_colors.base_color_dark.color */ /* This color represents e.g. dark accent background color for boxes in front * of dark background (baseColorDark) */ /*old value: theme.colors.brand_colors.accent_color_dark.color */ /* This color represents e.g. background color for light-mode, * light text color, is base for light borders, ... */ /* This color represents e.g. light accent background color for boxes in * front of light background (baseColorLight) */ /* This color represents your primary brand color, e.g. * Accents / Hightlights, Hovers, Buttons, ... */ /* ========================================================================= 2. SPECIFIC COLOR DEFINITIONS #scd In this section you have the possibility to set more specific colors for common elements like text, titles, buttons, etc. ========================================================================== */ /* Background Colors */ /* old value: theme.colors.power.dark_scheme.background.background_color.color*/ /* Dark / Light accent background colors */ /* Dark / Light text colors */ /*old value: theme.colors.power.dark_scheme.text.text_color.color*/ /*old value: theme.colors.power.light_scheme.text.text_color.color*/ /* Dark / Light intro title and title colors * For section intro + title, hero title, author page posts title and * blog overview (layout: 1 column) */ /* old value: theme.colors.power.dark_scheme.titles.title_color.color*/ /* Link-Colors */ /*old value: theme.colors.hs.html.links.link_color.color*/ /*old value: theme.colors.hs.html.links.link_hover_color.color */ /* Dark / Light Link-Colors for POWER rich-text fields */ /* Primary / Dark / Light button background + text colors */ /* Dark / Light font color for navigation (Header / Footer) */ /* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */ /*old value: .66*/ /*old value: .8*/ /* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */ /* Social Icon color used for Header Top (light), Author Page, Media Content Split module */ /* Colors for HubSpot's form module */ /* Colors for POWER's form modules */ /* ========================================================================== 3. FONT AND FONT-SIZES #fs If you have a custom or purchased font, upload the files via file-manager and reference the font format(s) in the @font-face statement Please note, that you have to clone the theme before to be able to edit the code files of the theme. ========================================================================== */ /* Custom / Purchased fonts configured via @font-face * * @font-face properties explained: * font-family -> Official / Configured name of the font - this can be overwritten * by the function local within src-attribute if a custom name is desired. * src -> Here the links to the different font-formats uploaded in file-manager * are referenced * *.woff2 - format for all modern browsers * *.woff - format for IE 11 * *.eot - format for IE 6 - IE 8 * *.ttf - format for Safari, Android, iOS * *.svg - format for older iOS devices * font-weight -> Font weight as number (e.g. 700) or name (e.g. bold) * font-style -> Font style e.g. italic * */ /* @font-face { font-family: 'internal_font_name'; src: local('How_you_want_to_call_and_use_the_font'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ /* roboto-regular - latin */ /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('roboto'), url('https://7466322.fs1.hubspotusercontent-na1.net/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */ /* font-display: swap; */ } */ /* roboto-700 - latin */ /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto'), local('roboto'), url('https://7466322.fs1.hubspotusercontent-na1.net/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-700.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */ /* font-display: swap; */ } */ /* Font family to use in the template * * You can set the names of the fonts you have imported via * @font-face above and optionally configure fall-back fonts (comma-separated) * */ /* You can use a different accent font-family for titles, CTAs, Menu, ... */ /* Switch font smoothing on (true) or off (false) */ /* * Font-sizes IN PIXELS */ /* Font size used in the body and in rich-text fields */ /* Font size used for paragraphs in the body and in rich-text fields */ /* Font size used in the blog post body */ /* Font-size for intro title in section modules */ /* Font-size for text description in section modules */ /* Font-size for buttons */ /* Font-sizes for headings */ /* Font-sizes for navigation (header and footer) - we recommend small variations from the default value */ /* Font-size for forms */ /* * Font-weights */ /* Font weight used in the body */ /* Font weight used in paragraphs */ /* Font weight used in the blog post body */ /* Font weight for intro title in section modules */ /* Font weight for text description in section modules */ /* Font weight used for headings */ /* Font weight for buttons */ /* Font weights Header */ /* Font weights for forms */ /* * Line-heights TRANSFORMED TO EM */ /* Line height used in the body */ /* Line height used in paragraphs */ /* Line height used in the blog post body */ /* Line height for intro title in section modules */ /* Line height for text description in section modules */ /* Line height for headings */ /* * Letter-spacings IN PIXELS */ /* Letter-spacing used in the body */ /* Letter-spacing used in paragraphs */ /* Letter-spacing used in the blog post body */ /* Letter-spacing for intro title in section modules */ /* Letter-spacing for text description in section modules */ /* Letter-spacing used for headings */ /* Letter-spacing for buttons */ /* Letter-spacing Header */ /* Letter-spacing for forms */ /* Accent text-property for e.g. titles, button-texts, menu, ... * Standard value -> text-transform: uppercase. To deactivate, use empty single quotation */ /* ========================================================================== 4. ROUND EDGES #re 0px is rectangular and 25px already pretty round ========================================================================== */ /* Round edges on buttons */ /* Round edges on inputs */ /* Round edges on dropdowns */ /* Round edges on boxes */ /* Round edges on images */ /* Round edges on checkboxes (max 6px) */ /* ========================================================================== 5. EFFECTS #eff ========================================================================== */ /* Switch 3D box effect on (true) or off (false) */ /* Switch button hover effect on (true) or off (false) */ /* ========================================================================== 6. LAYOUT #lay ========================================================================== */ /* * Main header menu position * * Position in percent. * Automatically centered if header is full-width */ /* Content width in pixel */ /* Vertical section padding in pixel * Relates to 'padding top' and 'padding bottom' setting in modules */ /* Horizontal section padding in pixel */ /* Header Breakpoint (when does it change to a burger menu...) */ /* Responsive Breakpoints */ /* Mobile responsiveness size reduction factors used by macros */ /* reduces font-sizes for mobile where applicable - by factor e.g. .25 => 25% */ /* Not smaller than ... pixel */ /* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */ /* ========================================================================== 7. STYLING #sty ========================================================================== */ /* * Slider Bullet Styles */ :root { --sl-pag-bullet-horizontal-gap: 5.0px; --sl-pag-bullet-inactive-opacity: 0.4; --sl-pag-bullet-inactive-size: 5px; --sl-pag-height: 5px; --sl-pag-bullet-inactive-border-radius: 0px; --sl-pag-bullet-inactive-border-radius: 50%; --sl-pag-bullet-active-size: 5px; --sl-pag-bullet-active-border-radius: 0px; --sl-pag-bullet-active-border-radius: 50%; } /* 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 buttons *//* 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; -moz-osx-font-smoothing: grayscale; -webkit-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: 16px; /* fallback */ font-size: var(--fs-base); line-height: var(--lh-base); letter-spacing: var(--ls-base); } @media (max-width: 767px) { body { font-size: 15px; /* 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(.cta_button) { color: var(--clr-link-lt); } .pwr-rich-text a:not(.pwr-cta):not(.cta_button):hover { color: var(--clr-link-hover-lt); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button), .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr-rich-text .pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not(.cta_button), .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not(.cta_button), .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not(.cta_button) { color: var(--clr-link-dk); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button):hover, .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .pwr-rich-text .pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not(.cta_button):hover, .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not(.cta_button):hover { color: var(--clr-link-hover-dk); } 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 { font-family: var(--ff-h1); } h2 { font-family: var(--ff-h2); } h3 { font-family: var(--ff-h3); } h4 { font-family: var(--ff-h4); } h5 { font-family: var(--ff-h5); } h6 { font-family: var(--ff-h6); } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: 0; } h1, .pwr-heading-style--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-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-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-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-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-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 { background-color: transparent; border: 0; color: inherit; cursor: pointer; font-size: inherit; padding: 0; position: absolute; right: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .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 */ .pwr-anchor--fixed-header { margin-top: -85px; } .pwr-anchor--fixed-header::before { display: block; content: " "; height: 85px; margin-top: -85px; visibility: hidden; } /* 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; } @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--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; } } /* 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; } } .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: -moz-fit-content; width: -webkit-fit-content; 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; -webkit-transform: translateZ(25px); transform: translateZ(25px); z-index: 1; } .pwr-3D-box__info-box--centered { left: 50%; opacity: 0; position: absolute; text-align: center; -webkit-transform: translate3d(-50%, -50%, 25px); transform: translate3d(-50%, -50%, 25px); top: 50%; width: 100%; } @media (hover: none) { .pwr-3D-box__sensor { transform: none !important; } } @media (hover: hover) { .pwr-3D-box:hover { transform: perspective(1200px) scale(1.05); } .pwr-3D-box--shaddow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .pwr-3D-box:hover .pwr-3D-box--shaddow-on-hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); } } /* 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.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-header-top.pwr-header-top--mobile { transform: translateZ(102px); } .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 { transform: translateZ(100px); } .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: 45px; 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 .cta_button { margin-left: 30px; } .pwr-header-right-bar__cta--second .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: 90px; } .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; } .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: 18px; position: absolute; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 18px; } .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:hover .pwr-header-search__close-icon { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .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 { display: none; /* CLS */ } .pwr-burger { transform: translateZ(100px); } .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: 14px; position: relative; width: 20px; } .pwr-burger__icon-open span { display: block; background-color: var(--clr-txt-nav-dk); height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr-burger__icon-open:before { display: block; background-color: var(--clr-txt-nav-dk); height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr-burger__icon-open:after { display: block; background-color: var(--clr-txt-nav-dk); height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .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: 0px; } @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: 100%; } @media (max-width: 1199px) { .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); } .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) { 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 li.hs-item-has-children > a:after, .hs-menu-wrapper li.has-mega-menu > a:after { 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; } .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 { -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 { color: var(--clr-nav-hover-txt); } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after { 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 { 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 { 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; display: block; width: 100%; } .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), .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), .hs-submit { opacity: 1 !important; overflow: hidden; padding: 15px 21px; position: relative; } .hs-submit .hs-button { padding: 15px 21px; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border .hs-submit, .cta_button.pwr-cta--regular-border, .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border .hs-submit, .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, .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, .hs-submit:before { top: 0; } .cta_button:not(.pwr-cta--hubspot-style):after, .hs-submit:after { height: 100%; } .cta_button.pwr-cta--long, .pwr-cta--long .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 .cta_button.pwr-cta--long, .cta_button.pwr-cta--regular-border.pwr-cta--long, .pwr-cta--regular-border.pwr-cta--long .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 .cta_button.pwr-cta--long, .cta_button.pwr-cta--primary-border.pwr-cta--long, .pwr-cta--primary-border.pwr-cta--long .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; } .cta_button.pwr-cta--small, .pwr-cta--small .cta_button:not(.pwr-cta--hubspot-style), .pwr-btn--small .hs-submit .hs-button { padding: 10px 16px; font-size: 12px; } .pwr-cta--regular-border .cta_button.pwr-cta--small, .cta_button.pwr-cta--regular-border.pwr-cta--small, .pwr-cta--regular-border.pwr-cta--small .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 .cta_button.pwr-cta--small, .cta_button.pwr-cta--primary-border.pwr-cta--small, .pwr-cta--primary-border.pwr-cta--small .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; } .cta_button.pwr-cta--large, .pwr-cta--large .cta_button:not(.pwr-cta--hubspot-style), .pwr-btn--large .hs-submit .hs-button { padding: 22px 32px; font-size: 14px; } .pwr-cta--regular-border .cta_button.pwr-cta--large, .cta_button.pwr-cta--regular-border.pwr-cta--large, .pwr-cta--regular-border.pwr-cta--large .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 .cta_button.pwr-cta--large, .cta_button.pwr-cta--primary-border.pwr-cta--large, .pwr-cta--primary-border.pwr-cta--large .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, .hs-submit:before, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .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), .hs-submit, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .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, .hs-submit:hover:after, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .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, .hs-submit:hover, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--primary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .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-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .hs-submit:hover:after, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .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-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover, .pwr--dark .hs-submit:hover, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--primary-solid:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-solid:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--regular-solid, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .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 .cta_button.pwr-cta--regular-solid:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .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 .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); } .cta_button.pwr-cta--regular-solid-primary-background:hover:after { background-color: var(--clr-btn-dk) !important; } .pwr-cta--regular-solid-primary-background .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); } .cta_button.pwr-cta--regular-solid-primary-background:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--primary-border:before, .pwr-btn--primary-border .hs-submit:before { background-color: transparent; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .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 .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); } .cta_button.pwr-cta--primary-border:hover:after { background-color: var(--clr-btn-primary) !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-border .hs-submit:hover { color: var(--clr-btn-txt-lt); } .cta_button.pwr-cta--primary-border:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-border:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-border, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-border:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-border:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--regular-border, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--regular-border:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link { background-color: transparent; box-shadow: none; margin-right: 20px; overflow: visible; padding: 0; position: relative; } .pwr-cta--link--back .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link--back { margin-right: 0; margin-left: 21px; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before { color: var(--clr-btn-primary); } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link:after { content: ""; display: block; position: absolute; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link--back:after { left: -20px; right: auto; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:before, .cta_button.pwr-cta--link:hover:before { -webkit-transform: translate(4px, -4px) rotate(45deg); transform: translate(4px, -4px) rotate(45deg); } .pwr-cta--link--back .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:before, .cta_button.pwr-cta--link--back:hover:before { -webkit-transform: translate(-4px, -4px) rotate(225deg); transform: translate(-4px, -4px) rotate(225deg); } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link--back:hover:after { -webkit-transform: translate(-4px, -1px); transform: translate(-4px, -1px); } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--link, .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--link:not(.pwr-cta--hubspot-style):before { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr--dark .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), .hs-submit, .pwr-cta--link .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), .hs-submit, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { font-size: var(--fs-btn-mobile); letter-spacing: var(--ls-btn-mobile); } } /* HS Image CTA */ .pwr-cta--hubspot-style .hs-cta-img { margin: 0 !important; height: auto; } /* Custom Buttons */ .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-01 .hs-submit { color: #FFFFFF; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-01 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-cta--custom-01 .hs-submit:before { background: #08aeea; background: -moz-linear-gradient(left, #08aeea 0%, #80d0c7 100%); background: -webkit-linear-gradient(left, #08aeea 0%, #80d0c7 100%); background: linear-gradient(to right, #08aeea 0%, #80d0c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08aeea', endColorstr='#80d0c7',GradientType=1 ); } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-01 .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 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-02 .hs-submit { color: #FFFFFF; } .pwr-cta--custom-02 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-02 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-02 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-02 .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 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-03 .hs-submit { color: #ff6a88; } .pwr-cta--custom-03 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-03 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-03 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-03 .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 .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 .cta_button.pwr-cta--small, .pwr-cta--custom-03.pwr-cta--small .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 .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--custom-03 .hs-submit { padding: 13px 19px; } .pwr-cta--custom-03 .cta_button.pwr-cta--long, .pwr-cta--custom-03.pwr-cta--long .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 .cta_button.pwr-cta--large, .pwr-cta--custom-03.pwr-cta--large .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { border-color: #ff6a88; border-style: solid; border-width: 2px; } .pwr-cta--custom-03 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { border-color: #ff6a88; } .pwr-cta--custom-04 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--custom-04 .hs-submit { color: #741b47; } .pwr-cta--custom-04 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-cta--custom-04 .hs-submit:hover { color: #FFFFFF; } .pwr-cta--custom-04 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr-header.scroll .pwr-cta--custom-04 .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-cta--custom-04 .hs-submit:hover:after { opacity: 1; } /* 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__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 .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__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:has(video) { opacity: 1; } .pwr-video-background-plyr iframe { opacity: 0; } .pwr-video-background-plyr .player--visible iframe { opacity: 1; } .pwr-video-background-plyr .plyr.player--visible { opacity: 1; } .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__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 */ /* ========================================================================== */ /* 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 { transform: translateZ(150px); } @media (min-width: 751px) { div#hs-eu-cookie-confirmation[role="dialog"], #hs-banner-parent #hs-eu-cookie-confirmation { transform: translate3d(-50%,0%,150px); } } 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; } body #hubspot-messages-iframe-container, .leadinModal-theme-top, .zopim { transform: translateZ(130px); } /* ========================================================================== */ /* 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; } /* 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: .3; } /* 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%) translateZ(100px); } /* Avoid CLS for deferred assets #cls */ /* ========================================================================== */ /* ========================================================================== */ /* Bugfixes #bug */ .pwr--page-editor-fix { max-height: 100% !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { .pwr-3D-box [class*="__back"].pwr-3D-box__info-box { transform: translateZ(-1px); } .pwr-3D-box:hover [class*="__back"].pwr-3D-box__info-box { transform: translateZ(25px); } .pwr-3D-box [class*="__back"].pwr-3D-box__info-box--centered, .pwr-3D-box .pwr-3D-box__info-box--centered { transform: translate3d(-50%, -50%, -1px); } .pwr-3D-box:hover [class*="__back"].pwr-3D-box__info-box--centered, .pwr-3D-box:hover .pwr-3D-box__info-box--centered { transform: translate3d(-50%, -50%, 25px); } } /* 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 */ } /* Bugfixes */ /* ========================================================================== */ /* ========================================================================== */ /* 8. THIRD PARTY #third */ /* ========================================================================== */ /* ========================================================================== */ /* ========================================================================== */ /* TocBot - changes made... #third-toc */ .toc { overflow-y: auto; } .toc>.toc-list { overflow: hidden; position: relative } .toc>.toc-list li { list-style: none } .toc-list { margin: 0; padding-left: 10px } a.toc-link { color: currentColor; height: 100% } .is-collapsible { max-height: 1000px; overflow: hidden; transition: all 300ms ease-in-out } .is-collapsed { max-height: 0 } .is-position-fixed { position: fixed !important; top: 0 } .is-active-link { font-weight: 700 } .toc-link::after { background-color: var(--clr-background-accent-lt); content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px } .is-active-link::before { background-color: var(--clr-primary); } /* ========================================================================== */ /* ========================================================================== */ /* Owl Carousel - changes made... #third-owl */ /* Owl Slider */ .pwr-owl .owl-dots { align-items: center; bottom: 20px; display: flex; height: var(--sl-pag-height,auto); justify-content: center; margin-bottom: 60px; margin-top: 55px; text-align: center; -webkit-tap-highlight-color: transparent; } .pwr-owl .owl-dots .owl-dot { display: inline-block; zoom: 1; display: inline; } .pwr-owl .owl-dots .owl-dot span { background-color: var(--clr-btn-dk); -webkit-backface-visibility: visible; display: block; } .pwr-owl .owl-dots .owl-dot span { margin: 0 var(--sl-pag-bullet-horizontal-gap,5px); border-radius: var(--sl-pag-bullet-inactive-border-radius,0); height: var(--sl-pag-bullet-inactive-height,var(--sl-pag-bullet-inactive-size,3px)); opacity: var(--sl-pag-bullet-inactive-opacity,.2); width: var(--sl-pag-bullet-inactive-width,var(--sl-pag-bullet-inactive-size,35px)); } .pwr-owl .owl-dots .owl-dot.active span { border-radius: var(--sl-pag-bullet-active-border-radius,0px); height: var(--sl-pag-bullet-active-height,var(--sl-pag-bullet-active-size,3px)); width: var(--sl-pag-bullet-active-width,var(--sl-pag-bullet-active-size,35px)); } .pwr-owl .owl-dots .owl-dot.active span, .pwr-owl .owl-dots .owl-dot:hover span { background-color: var(--clr-btn-primary) !important; opacity: 1; } .pwr-owl .owl-dots .owl-dot:focus { outline: 0; } .pwr-owl-nav { color: var(--clr-text-lt); fill: currentColor; font-size: 25px; } .pwr-owl-nav__prev, .pwr-owl-nav__next { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .pwr-owl-nav__prev { left: -30px; } .pwr-owl-nav__next { right: -30px; } .pwr--dark .pwr-owl-nav { color: var(--clr-text-dk); } .pwr--dark .pwr-owl .owl-dots .owl-dot span { background: var(--clr-btn-lt); } @media (min-width: 768px) { .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 40px; } .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots .owl-dot span { opacity: 1; } } @media (max-width: 1200px) { .pwr-owl-nav__prev { left: calc(-.75 * var(--sp-p-hor-desktop)); } .pwr-owl-nav__next { right: calc(-.75 * var(--sp-p-hor-desktop)); } } @media (max-width: 575px) { .pwr-owl-nav__prev { left: calc(-.75 * var(--sp-p-hor-mobile)); } .pwr-owl-nav__next { right: calc(-.75 * var(--sp-p-hor-mobile)); } } /* Owl Slider - Sec Images */ .pwr-sec-images__slider .pwr-owl.owl-carousel .owl-dots.disabled { display: block; height: 0; opacity: 0; } .pwr-sec-images--full-width .pwr-owl-nav__prev { left: 0; } .pwr-sec-images--full-width .pwr-owl-nav__next { right: 0; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: var(--clr-base-dk); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ========================================================================== */ /* ========================================================================== */ /* Youtube Player-jquery.mb.YTPlayer #third-yt */ @font-face { font-family: ytpregular; src: url(font/ytp-regular.eot) } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'), url(font/ytp-regular.ttf)format('truetype'); font-weight: 400; font-style: normal } .mb_YTPlayer:focus { outline: 0 } .YTPWrapper { display: block; transform: translateZ(0)translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate } @-webkit-keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000 !important; padding: 0 !important } .inlinePlayButton { font-family: ytpregular; font-size: 45px; color: #fff; text-align: center; border-radius: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; width: 80px; height: 80px; line-height: 80px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; opacity: .8; transition: all .4s; transform: scale(1.3) } .mb_YTPlayer:hover .inlinePlayButton { opacity: 1; transform: scale(1) } .inlinePlayButton:hover { background-color: rgba(0, 0, 0, 1); transform: scale(1.3) !important } .mbYTP_wrapper iframe { max-width: 8000px !important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5) } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100% } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: #fff; opacity: .1 } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, .4) } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar span.mb_YTPUrl a { color: #fff } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlayPause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img { cursor: pointer } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0 } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, .47)1px 1px 3px } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box } .YTPOverlay.raster { background: url(images/raster.png) } .YTPOverlay.raster.retina { background: url(images/raster@2x.png) } .YTPOverlay.raster-dot { background: url(images/raster_dot.png) } .YTPOverlay.raster-dot.retina { background: url(images/raster_dot@2x.png) } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px } .mb_YTPBar.compact .simpleSlider { width: 40px } .mb_YTPBar.compact span.mb_OnlyYT { left: 260px } .mb_YTPBar .simpleSlider.muted { opacity: .3 } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box } .mb_YTPBar .level.horizontal { height: 100%; width: 0 } .mb_YTPBar .level.vertical { height: auto; width: 100% } /* ========================================================================== */ .pwr-lightbox__box .pwr-video-background__youtube, .pwr-lightbox__box video { max-width: 1500px; position: relative; width: 80vw; } /* ========================================================================== */ /* Featherlight - Lightbox #third-fl */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); /* POWER 3D Box & Safari Fix */ transform: translateZ(101px); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(23, 27, 37,.9); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ /* overflow: auto;*/ /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: var(--clr-base-lt); cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: var(--clr-base-lt); /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: var(--clr-text-lt); border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0) } .featherlight-previous { left: 25px; right: 80% } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, .25) } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px var(--clr-base-lt); color: var(--clr-text-dk); font-style: normal; font-weight: 400 } .featherlight-next span { right: 5%; left: auto } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block } .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none } @media only screen and (max-device-width:1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: 0 0 } .featherlight-next span, .featherlight-previous span { display: block } } @media only screen and (max-width:1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85% } .featherlight-previous { left: 10px; right: 85% } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px } } /* Featherlight overwrites & extension */ .featherlight, .featherlight:last-of-type { background-color: rgba(0,0,0,.8); } .featherlight .featherlight-close-icon { background-color: transparent; color: var(--clr-text-dk); font-size: 26px; font-weight: 700; line-height: 26px; right: -40px; width: 23px; } .featherlight .featherlight-content { background-color: transparent; margin-left: 60px; margin-right: 60px; max-height: 100%; padding: 0 !important; border-bottom: 0 !important; } .featherlight-next { width: 60px; right: -60px; left: auto; top: 0; } .featherlight-previous { width: 60px; left: -60px; right: auto; top: 0; } .featherlight-next:hover, .featherlight-previous:hover { background: transparent; } .featherlight-next:after, .featherlight-previous:after { background: transparent; bottom: auto; content: ''; display: block; height: 25px; left: auto; position: absolute; right: auto; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 25px; } .featherlight-next:after { border-right: 3px solid var(--clr-base-lt); border-top: 3px solid var(--clr-base-lt); left: 10px; } .featherlight-previous:after { border-bottom: 3px solid var(--clr-base-lt); border-left: 3px solid var(--clr-base-lt); right: 10px; } .featherlight-next span, .featherlight-previous span { display: none !important; } .pwr-featherlight-info { background-color: rgba(0,0,0,.5); bottom: 0; color: var(--clr-text-dk); max-height: 33%; overflow-y: scroll; padding: 30px 40px; position: absolute; width: 100%; } .pwr-featherlight-info__title { margin: 0 0 5px; } .pwr-featherlight-info__desc { display: inline-block; } @media only screen and (max-width: 767px) { .pwr-featherlight-info { max-height: 150px; } .featherlight .featherlight-content { margin-left: 10px; margin-right: 10px; } .featherlight-next { right: 0; } .featherlight-previous { left: 0; } .featherlight .featherlight-close-icon { right: 0; top: -30px; } } @media (max-width: 479px) { .pwr-featherlight-info { background-color: rgba(0,0,0,.8); bottom: auto; color: inherit; margin: 0; padding: 20px; top: 100%; } } /* ========================================================================== */ /* ========================================================================== */ /* Lightbox #third-lb */ .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide:not(.current) { pointer-events: none; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .gslide-video { position: relative; max-width: 100vh; width: 100% !important; } .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none; } .gslide-video .gvideo-wrapper { width: 100%; /* max-width: 160vmin; */ margin: auto; } .gslide-video::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; margin: auto; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; margin-top: 0; } .zoomed .gslide-description { display: none; } .glightbox-button-hidden { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; position: absolute; bottom: 0; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: 0.4; } .gdesc-open .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 1; } .greset { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader 0.8s infinite linear; animation: lightboxLoader 0.8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 25px; height: auto; margin: 0; padding: 0; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: 0.1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } .gbtn.focused { outline: 2px solid #0f3d81; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video { background: #000; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.32); border-radius: 4px; } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path { fill: #fff; } .glightbox-clean .gprev { position: absolute; top: 45%; /* top: -100%; */ left: 30px; width: 40px; height: 50px; } .glightbox-clean .gnext { position: absolute; top: 45%; /* top: -100%; */ right: 30px; width: 40px; height: 50px; } .glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; } .glightbox-clean .gclose svg { width: 18px; height: auto; } .glightbox-clean .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn 0.5s ease; animation: gfadeIn 0.5s ease; } .gfadeOut { -webkit-animation: gfadeOut 0.5s ease; animation: gfadeOut 0.5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft 0.3s ease; animation: gslideOutLeft 0.3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft 0.3s ease; animation: gslideInLeft 0.3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight 0.3s ease; animation: gslideOutRight 0.3s ease; } .gslideInRight { -webkit-animation: gslideInRight 0.3s ease; animation: gslideInRight 0.3s ease; } .gzoomIn { -webkit-animation: gzoomIn 0.5s ease; animation: gzoomIn 0.5s ease; } .gzoomOut { -webkit-animation: gzoomOut 0.5s ease; animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gslide-image img { max-height: 97vh; max-width: 100%; } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: var(--clr-background-lightbox-rgba); } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.32); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover { background-color: rgba(0, 0, 0, 0.7); } .glightbox-clean .gprev { top: 45%; } .glightbox-clean .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose { opacity: 0.7; right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } } /* Changes to default GLightbox styles */ #glightbox-body { transform: translateZ(100px); } .glightbox-clean .gslide-description { background: var(--clr-background-accent-dk) ; } .goverlay, .glightbox-mobile .goverlay { background-color: var(--clr-background-lightbox-rgba); } @media (min-width: 769px) { .goverlay { background: var(--clr-background-lightbox-rgba); } } @media screen and (max-height: 420px) { .goverlay { background: var(--clr-background-lightbox-rgba); } } .glightbox-clean .gslide-title, .glightbox-mobile .glightbox-clean .gslide-title { font-size: 24px; font-weight: 700; font-family: var(--ff-accent); color: var(--clr-text-dk); margin-bottom: 0px; } .gslide-title + .gslide-desc { margin-top: 10px; } .glightbox-clean .gslide-desc, .glightbox-mobile .glightbox-clean .gslide-desc { font-family: var(--ff-base); color: var(--clr-text-dk); } .glightbox-button-hidden { display: none; } :root { --plyr-color-main: var(--clr-primary); } /* POWER GLightbox styles */ .glightbox-clean .gdesc-inner { padding: 24px 32px; } .gslide-title+.gslide-desc { margin-top: 0px; } .gslide-inline:has(.hs-video-widget) .ginlined-content { padding: 0px; } .glightbox-container .gslide-inner-content:has(.hs-video-widget) { width:unset; } .gslide-inline:has(.hs-video-widget) { background-color: transparent; } @media (max-width: 900px) { .gslide-inline:has(.hs-video-widget) { width: 100% !important; height: auto !important; } .glightbox-container .gslide-inner-content:has(.hs-video-widget) { width: 100%; } } /* ========================================================================== */ /* ========================================================================== */ /* Animate on Scroll (AOS) #third-aos */ [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)}} /* ========================================================================== */