/*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Theme V1.1.4 */ /* by maka Ageny */ /* */ /* STYLE DECLARATIONS V1.2 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* !!! We recommend to leave this file untouched for future updates !!! */ /* */ /* Please use the theme settings to adjust the theme to your branding and */ /* needs. */ /* */ /* The configuration then gets imported here: */ /* */ /****************************************************************************/ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ :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: #e40694; --clr-primary-rgb: 228, 6, 148; --clr-background-html: #FFFFFF; --clr-background-dk: #171B25; --clr-background-dk-rgb: 23, 27, 37; --clr-background-lt: #FFFFFF; --clr-background-lt-rgb: 255, 255, 255; --clr-background-accent-dk: #282B34; --clr-background-accent-lt: #F4f6FA; --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: #e40694; --clr-link-hover-html: #171B25; --clr-link-dk: #e40694; --clr-link-lt: #e40694; --clr-link-hover-dk: #FFFFFF; --clr-link-hover-lt: #171B25; --clr-btn-primary: #e40694; --clr-btn-dk: #e40694; --clr-btn-lt: #FFFFFF; --clr-btn-txt-dk: #e40694; --clr-btn-txt-lt: #FFFFFF; --clr-btn-background-hs: #e40694; --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: #e40694; --clr-nav-hover-txt: #FFFFFF; --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-txt-bullet-dk: #e40694; --clr-txt-bullet-lt: #e40694; --ff-base: Próxima Nova, sans-serif, sans-serif; --ff-accent: Próxima Nova, sans-serif, sans-serif; --ff-text: var(--ff-base), sans-serif; --ff-paragraph: var(--ff-base), sans-serif; --ff-post-body: var(--ff-base), sans-serif; --ff-intro-title-sec: var(--ff-base), sans-serif; --ff-desc-sec: var(--ff-base), sans-serif; --ff-btn: var(--ff-accent), sans-serif; --ff-h1: var(--ff-accent), sans-serif; --ff-h2: var(--ff-accent), sans-serif; --ff-h3: var(--ff-accent), sans-serif; --ff-h4: var(--ff-accent), sans-serif; --ff-h5: var(--ff-accent), sans-serif; --ff-h6: var(--ff-accent), sans-serif; --ff-header-top: var(--ff-base), sans-serif; --ff-header: var(--ff-accent), sans-serif; --ff-burger: var(--ff-accent), sans-serif; --ff-mega-menu: var(--ff-accent), sans-serif; --ff-footer-txt: var(--ff-base), sans-serif; --ff-footer-menu-title: var(--ff-accent), sans-serif; --ff-footer-menu: var(--ff-base), sans-serif; --ff-footer-legal: var(--ff-base), sans-serif; --ff-form-label: var(--ff-base), sans-serif; --ff-form-help: var(--ff-base), sans-serif; --ff-form-input: var(--ff-base), sans-serif; --ff-form-error: var(--ff-base), sans-serif; --ff-form-legal-consent: var(--ff-base), sans-serif; --fs-base: 18px; --fs-paragraph: 18px; --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-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-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-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.4444444444444444em; --lh-paragraph: 1.7777777777777777em; --lh-post-body: 1.4444444444444444em; --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-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-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-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-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: uppercase; --tt-nav: uppercase; --tt-link: uppercase; --tt-other: uppercase; --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: 20%; --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-height: 3px; --sl-pag-height: 3px; --sl-pag-bullet-inactive-width: 32px; --sl-pag-bullet-inactive-border-radius: 0px; --sl-pag-bullet-active-height: 3px; --sl-pag-bullet-active-width: 32px; --sl-pag-bullet-active-border-radius: 0px; } /****************************************************************************/ /* */ /* ADDITIONAL NOTE: */ /* */ /* If you would like to further customize and change CSS styles, please */ /* overwrite them in the separate file custom-styles.css, which you will */ /* also find in the folder 'Coded Files'. */ /* PLEASE NOTE THAT YOU HAVE TO CLONE THE THEME BEFORE BEING ABLE TO */ /* EDIT ANY CODE FILES. */ /* */ /* If you need help, we also offer support and customization services. */ /* Visit us on === > https://www.maka-agency.com/ */ /* */ /* Thank you and cheers, */ /* your maka Agency team */ /* */ /****************************************************************************/ /***************************************************************************** INDEX: 1. MACROS #macro 2. BASE #base - Base Styles #base-pbs - Layout & DnD-Containers #base-dnd - Module Base Styles #base-mbs - Standard Module Styles #base-sms - Helper Classes & Shared Styles #base-hc 3. HEADER #head - Skip to Content #head-s - Header Top #head-t - Header Main #head-m - Header Burger #head-b 4. FOOTER #foot - General / Copyright-Bar #foot-g - Footer Full #foot-f - Footer Reduced #foot-r - Footer Simple Link #foot-s 5. MENU STYLES #menu 6. BUTTONS #btn 7. FORMS #form 8. BLOG #blog - Featured Post #blog-fp - Listing #blog-l - Listing Filter #blog-lf - Post #blog-po - Post Header #blog-ph - Author #blog-a - Pagination #blog-pag - Commments #blog-c 9. SYSTEM #sys - System - Email Backup Unsubscribe #sys-ebu - System - Email Subscription Preferences #sys-esp - System - Email Subscriptions Update Confirmation #sys-suc - System - Password Prompt #sys-pp - System - 404 and 500 #sys-404 10. SECTION MODULES #mod - System - Search Results #mod-ss - Standalone - Coming Soon #mod-cs - Standalone - Previous Next Navigation #mod-pnn - Standalone - Text with TOC #mod-twtoc - Nav - Pillar Page TOC #mod-pptoc - Nav - Sticky Sub Menu #mod-ssm - Top - Hero #mod-h - Section Accordion #mod-a - Section Breadcrumbs #mod-br - Section Client Logo Slider #mod-cls - Section Company Values #mod-cv - Section CTA #mod-cta - Section Form #mod-frm - Section Guide #mod-gu - Section Image Boxes #mod-ib - Section Images #mod-i - Section Map #mod-map - Section Media Content Split #mod-mcs - Section Device Mockup #mod-dm - Section Pricing Tables #mod-pt - Section Blog Posts Preview #mod-bpp - Section Schedule #mod-sdl - Section Services #mod-svs - Section Simple Listing #mod-sli - Section Stats Counter #mod-sc - Section Steps #mod-stp - Section Team #mod-team - Section Testimonial #mod-tes - Section Text #mod-txt - Section Timeline #mod-tl - Section Video #mod-vid - Section Video Boxes #mod-vb 11. SUB MODULES #sub-m - Sub Image Boxes #sub-ib - Sub Pricing Table #sub-pt - Sub Service #sub-s - Sub Simple Listing #sub-sl - Sub Stats Counter #sub-sc - Sub Steps #sub-ss - Sub Team #sub-t - Sub Video Box #sub-vb 12. MINI MODULES #mini-m - Mini Tag #mini-t - Mini CTA #mini-cta - Mini Icon #mini-i 13. MISCELLANOUS #misc - Bugfixes #bug 14. THIRD PARTY #third - Popper #third-popper - TocBot #third-toc - Owl Carousel #third-owl - Youtube Player #third-yt - Featherlight Lightbox #third-fl - Animate on Scroll (AOS) #third-aos ***************************************************************************** */ /* ========================================================================== */ /* 1. MACROS #macro */ /* ========================================================================== */ /* ========================================================================== MACROS ========================================================================== */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /* Is used to reduce font-sizes for smaller screens */ /* Is used to reduce spacing (padding, margin) for smaller screens */ /* Generates rgba value from color object */ /* get Gradient Styles *//* Create styles for custom buttons */ /* ========================================================================== */ /* 2. BASE #base */ /* ========================================================================== */ /* ========================================================================== */ /* Base Styles #base-pbs */ *, *:before, *:after { box-sizing: border-box; } html, body { background-color: #FFFFFF; font-weight: 400; 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: #171B25; 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: #FFFFFF; } /* Highlighted Text */ ::-moz-selection { background: #171B25; color: #FFFFFF; text-shadow: none; } ::selection { background: #171B25; color: #FFFFFF; text-shadow: none; } .pwr--dark::-moz-selection { background: #e40694; color: #FFFFFF; } .pwr--dark::selection { background: #e40694; color: #FFFFFF; } .pwr-form.pwr--light::-moz-selection { background: #FFFFFF; color: #171B25; } .pwr-form.pwr--light::selection { background: #FFFFFF; color: #171B25; } /* Links */ a { color: #e40694; text-decoration: none; transition: color .4s ease-in-out, opacity .4s ease-in-out; } .pwr-sec-form.pwr--dark a { color: #fff; font-weight: 700; } .pwr-sec-form.pwr--dark a:hover { color: #000; } a:hover { color: #171B25; } .pwr-rich-text a:not(.pwr-cta):not(.cta_button) { color: #e40694; } .pwr-rich-text a:not(.pwr-cta):not(.cta_button):hover { color: #171B25; } .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: #e40694; } .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: #FFFFFF; } a:focus { outline: none; } /* Icon color within links */ a > span > .hs_cos_wrapper_type_icon > svg { transition: none; fill: currentColor; } /* Horizontal line */ hr { color: #282B34; background-color: #282B34; height: 1px; border: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* Preformated Text */ pre { background-color: #F4f6FA; border: 1px solid #171B25; min-width: 300px; overflow-x: auto; padding: 20px; } table pre { white-space: pre-wrap; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 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-hero__title--h1, .pwr-sec__title--h1, .pwr-sec-cta__title--h1, .pwr-guide__question--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-hero__title--h2, .pwr-sec__title--h2, .pwr-sec-cta__title--h2, .pwr-guide__question--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-hero__title--h3, .pwr-sec__title--h3, .pwr-sec-cta__title--h3, .pwr-guide__question--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-hero__title--h4, .pwr-sec__title--h4, .pwr-sec-cta__title--h4, .pwr-guide__question--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-hero__title--h5, .pwr-sec__title--h5, .pwr-sec-cta__title--h5, .pwr-guide__question--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-hero__title--h6, .pwr-sec__title--h6, .pwr-sec-cta__title--h6, .pwr-guide__question--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-hero__title--h1, .pwr-sec__title--h1, .pwr-sec-cta__title--h1, .pwr-guide__question--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-hero__title--h2, .pwr-sec__title--h2, .pwr-sec-cta__title--h2, .pwr-guide__question--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-hero__title--h3, .pwr-sec__title--h3, .pwr-sec-cta__title--h3, .pwr-guide__question--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-hero__title--h4, .pwr-sec__title--h4, .pwr-sec-cta__title--h4, .pwr-guide__question--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-hero__title--h5, .pwr-sec__title--h5, .pwr-sec-cta__title--h5, .pwr-guide__question--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-hero__title--h6, .pwr-sec__title--h6, .pwr-sec-cta__title--h6, .pwr-guide__question--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-hero__title--h1, .pwr-sec__title--h1, .pwr-sec-cta__title--h1, .pwr-guide__question--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-hero__title--h2, .pwr-sec__title--h2, .pwr-sec-cta__title--h2, .pwr-guide__question--h2 { font-size: var(--fs-h2-mobile); letter-spacing: var(--ls-h2-mobile); line-height: var(--lh-h2-mobile); } h3, .pwr-hero__title--h3, .pwr-sec__title--h3, .pwr-sec-cta__title--h3, .pwr-guide__question--h3 { font-size: var(--fs-h3-mobile); letter-spacing: var(--ls-h3-mobile); line-height: var(--lh-h3-mobile); } h4, .pwr-hero__title--h4, .pwr-sec__title--h4, .pwr-sec-cta__title--h4, .pwr-guide__question--h4 { font-size: var(--fs-h4-mobile); letter-spacing: var(--ls-h4-mobile); line-height: var(--lh-h4-mobile); } h5, .pwr-hero__title--h5, .pwr-sec__title--h5, .pwr-sec-cta__title--h5, .pwr-guide__question--h5 { font-size: var(--fs-h5-mobile); letter-spacing: var(--ls-h5-mobile); line-height: var(--lh-h5-mobile); } h6, .pwr-hero__title--h6, .pwr-sec__title--h6, .pwr-sec-cta__title--h6, .pwr-guide__question--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: 0; padding-inline-start: 0 } li > ol { -webkit-padding-start: 25px; padding-inline-start: 25px } ol > li { display: block; } ol > li:before { content: counters(item, ".") ""; counter-increment: item; padding-right: 15px; } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul, .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul { -webkit-padding-start: 42px; padding-inline-start: 42px; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:before, .pwr-rich-text ul li:before, .hs_cos_wrapper_type_post_filter ul li:before, .hs_cos_wrapper_type_post_listing ul li:before { background-color: var(--clr-txt-bullet-lt); content: ""; height: 2px; left: -42px; position: absolute; top: 15px; width: 22px; } .pwr--dark .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:before, .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:before { background-color: var(--clr-txt-bullet-dk) !important; } .hs_cos_wrapper_type_rich_text li > ul:not(.inputs-list), .pwr-rich-text li > ul, .hs_cos_wrapper_type_post_filter li > ul, .hs_cos_wrapper_type_post_listing li > ul { margin: 15px 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul, .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul, ol { font-weight: 500; line-height: 2.33em; margin: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li, .pwr-rich-text ul li, .hs_cos_wrapper_type_post_filter ul li, .hs_cos_wrapper_type_post_listing ul li { margin: 5px 0 10px; list-style: none; line-height: 2em; position: relative; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:first-child, .pwr-rich-text ul li:first-child, .hs_cos_wrapper_type_post_filter ul li:first-child, .hs_cos_wrapper_type_post_listing ul li:first-child { margin-top: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:last-child, .pwr-rich-text ul li:last-child, .hs_cos_wrapper_type_post_filter ul li:last-child, .hs_cos_wrapper_type_post_listing ul li:last-child { margin-bottom: 0; } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) { -webkit-padding-start: 50px; padding-inline-start: 50px } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:before { background-color: #e40694; border-radius: 100%; content: ""; display: block; height: 24px; left: -50px; position: absolute; top: 4px; width: 24px; } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:after { border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; content: ""; height: 6px; left: -40px; position: absolute; top: 16px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); width: 6px; } .pwr--dark .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:before, .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:before { background-color: #FFFFFF; } .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:after { border-color: #e40694; } /* Quotes */ blockquote { border-left: 3px solid #e40694; font-style: italic; font-weight: 500; margin-left: 0; padding-left: 40px; } /* Vector Graphics */ .hs_cos_wrapper_type_icon svg, .pwr-icon svg { display: block; height: 1em; transition: all .4s ease-in-out; 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: 40px; padding-right: 40px; } } @media (max-width: 575px) { .dnd-section { padding-left: 40px; padding-right: 40px; } } .dnd-section > .row-fluid { margin: 0 auto; max-width: 1200px; } .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; } /* Blog Social Sharing */ .hs-blog-social-share { height: auto; } .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; margin-right: 20px !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span, .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item-linkedin span.IN-widget { vertical-align: top !important; /* Aligns Facebook and LinkedIn icon with twitter icon */ } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0 } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0 } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2% } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01% } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100% } @media(max-width:568px) { iframe { max-width: 100% } } /* Space Module */ .widget-type-space { visibility: hidden; } /* FlexSlider */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus { outline: 0 } .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav { margin: 0; padding: 0; list-style: none } .hs_cos_flex-slider { margin: 0; padding: 0 } .hs_cos_flex-slider .hs_cos_flex-slides>li { display: none; -webkit-backface-visibility: hidden; position: relative } .hs_cos_flex-slider .hs_cos_flex-slides img { width: 100%; display: block; border-radius: 0px } .hs_cos_flex-pauseplay span { text-transform: capitalize } .hs_cos_flex-slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .hs_cos_flex-slides { display: block } * html .hs_cos_flex-slides { height: 1% } .hs_cos_flex-slider { margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1 } .hs_cos_flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease } .loading .hs_cos_flex-viewport { max-height: 300px } .hs_cos_flex-slider .hs_cos_flex-slides { zoom: 1 } .carousel li { margin-right: 5px } .hs_cos_flex-direction-nav { *height: 0 } .hs_cos_flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease } .hs_cos_flex-direction-nav .hs_cos_flex-next { background-position: 100% 0; right: -36px } .hs_cos_flex-direction-nav .hs_cos_flex-prev { left: -36px } .hs_cos_flex-slider:hover .hs_cos_flex-next { opacity: .8; right: 5px } .hs_cos_flex-slider:hover .hs_cos_flex-prev { opacity: .8; left: 5px } .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover { opacity: 1 } .hs_cos_flex-direction-nav .hs_cos_flex-disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default } .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none } .hs_cos_flex_thumbnavs-direction-nav { *height: 0 } .hs_cos_flex_thumbnavs-direction-nav a { width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next { background-position: 100% 40%; right: 0px } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev { left: 0px } .hs-cos-flex-slider-control-panel img { cursor: pointer } .hs-cos-flex-slider-control-panel img:hover { opacity: .8 } .hs-cos-flex-slider-control-panel { margin-top: -30px } .hs_cos_flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .hs_cos_flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .hs_cos_flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) } .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7) } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default } .hs_cos_flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .hs_cos_flex-control-thumbs li { width: 25%; float: left; margin: 0 } .hs_cos_flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .hs_cos_flex-control-thumbs img:hover { opacity: 1 } .hs_cos_flex-control-thumbs .hs_cos_flex-active { opacity: 1; cursor: default } @media screen and (max-width:860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev { opacity: 1; left: 0 } .hs_cos_flex-direction-nav .hs_cos_flex-next { opacity: 1; right: 0 } } .hs_cos_flex-slider .caption { background-color: rgba(0, 0, 0, 0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent } @media all and (max-width:400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* 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; } /* ReCaptcha */ @media all and (max-width:400px) { #recaptcha_area table#recaptcha_table { width: 300px !important } #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: 300px !important } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important } #recaptcha_area table#recaptcha_table #recaptcha_image { width: 280px !important } } /* Base Styles - Modules */ /* ========================================================================== */ /* ========================================================================== */ /* Standard Module Styles #base-sms */ /* Follow Me */ #follow-me-module-header { font-size: 24px; margin: 0 0 20px; } /* Google Search and Password Input */ .hs-search-module label { font-size: 14px; } #hs-pwd-widget-password { height: auto !important; } .hs-search-module .hs-input, .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password { background-color: rgba(23, 27, 37,.2); border: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size: 14px; height: 49px; margin-right: -4px; padding: 16px 20px; width: auto; } .hs_cos_wrapper_type_password_prompt .hs-button, .hs-search-module .hs-button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .hs-search-module .hs-button { padding-bottom: 12px !important; padding-top: 12px !important; } .pwr--dark .hs-search-module .hs-input, .pwr--dark .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password { background-color: #282B34; color: #FFFFFF; } /* Site Search Input */ .hs-search-field { position: relative; } .hs-search-field__input { box-sizing: border-box; width: 100%; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; } .hs-search-field__suggestions li:first-child { padding-top: 20px; } .hs-search-field__suggestions #results-for { font-weight: 700; margin-bottom: 10px; } .hs-search-field__suggestions li a { color: #171B25; padding: 10px 15px 7px; } .hs-search-field__suggestions a, .hs-search-field__suggestions #results-for { display: block; } .hs-search-field__suggestions a:hover { background-color: rgba(23, 27, 37, .1); } .pwr--dark .hs-search-field__suggestions li a { color: #FFFFFF; } .pwr--dark .hs-search-field__suggestions a:hover { background-color: rgba(255, 255, 255, .075); } /* Images and Galleries */ .hs_cos_wrapper_type_linked_image img { border-radius: 6px; } .hs_cos_wrapper_type_gallery img { border-radius: 6px; } .hs_cos_gallery_lightbox_thumbnails img { border-radius: 0; } .hs_cos_wrapper_type_gallery .slick-prev, .hs_cos_wrapper_type_gallery .slick-next, .hs_cos_gallery_lightbox .slick-prev, .hs_cos_gallery_lightbox .slick-next { height: 25px; width: 20px; } .hs_cos_gallery_lightbox .slick-prev { left: 8px; } .hs_cos_gallery_lightbox .slick-next { right: 3px; } .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before { background-repeat: no-repeat; content: ''; display: block; height: 25px; opacity: 1; width: 20px; } .vex-content.hs-gallery .vex-close:before, .vex-content.hs-gallery .vex-close:after { height: 3px; width: 26px; } .vex-content.hs-gallery .vex-close:hover::after, .vex-content.hs-gallery .vex-close:hover::before { box-shadow: none !important; } .hs_cos_wrapper_type_gallery .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23171B25' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .hs_cos_wrapper_type_gallery .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23171B25' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_gallery_lightbox .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .hs_cos_gallery_lightbox .caption.below { color: #FFFFFF; } .hs_cos_wrapper_type_gallery .slick-dots { line-height: 3px; } .hs_cos_wrapper_type_gallery .slick-dots li { height: auto; width: auto; } .hs_cos_wrapper_type_gallery .slick-dots li button:before { display: none !important; } .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #171B25; height: 3px; opacity: .4; padding: 0; transition: opacity 200ms ease; width: 35px; } .hs_cos_wrapper_type_gallery .slick-dots li.slick-active button { background-color: #e40694 !important; opacity: 1; } .pwr--dark .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #FFFFFF; } /* Post Filter */ .hs_cos_wrapper_type_post_filter h3, .hs_cos_wrapper_type_post_listing h3, .hs_cos_wrapper_type_rss_listing h3 { margin: 0 0 20px; } .hs_cos_wrapper_type_post_filter .filter-expand-link { display: block; margin-top: 15px; } /* RSS Listing */ .hs_cos_wrapper_type_rss_listing .hs-rss-title { font-weight: 700; } /* Headers */ .hs_cos_wrapper_type_section_header .section-header h1 { font-size: 38px; } .hs_cos_wrapper_type_section_header .section-header h1, .hs_cos_wrapper_type_section_header .section-subheader { margin: 0 0 20px; } .hs_cos_wrapper_type_section_header .section-subheader { font-size: 24px; } /* Email Subscription */ .hs_cos_wrapper_type_email_simple_subscription .page-header > h1 { font-size: 32px; margin: 0 0 40px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 { font-size: 19px; margin: 0 0 30px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .email-edit { padding: 10px 0 5px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .hs-button { margin-top: 20px; } .hs_cos_wrapper_type_blog_subscribe .form-title { margin: 0 0 20px; } /* Footer */ .hs_cos_wrapper_type_page_footer footer { margin: 10px 0; display: block; font-family: var(--ff-footer-legal); font-size: 12px; /* fallback */ font-size: var(--fs-footer-legal); font-weight: var(--fw-footer-legal); letter-spacing: var(--ls-footer-legal); } @media (max-width: 767px) { .hs_cos_wrapper_type_page_footer footer { font-size: var(--fs-footer-legal-tablet); letter-spacing: var(--ls-footer-legal-tablet); } } @media (max-width: 575px) { .hs_cos_wrapper_type_page_footer footer { font-size: var(--fs-footer-legal-mobile); letter-spacing: var(--ls-footer-legal-mobile); } } /* 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: 1200px; margin: 0 auto; } @media (max-width: 1200px) { .page-center { margin-left: 40px; margin-right: 40px; } } @media (max-width: 575px) { .page-center { margin-left: 40px; margin-right: 40px; } } @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: 8px; } .pwr--margin-b-md { margin-bottom: 15px; } .pwr--margin-b-lg { margin-bottom: 30px !important; } .pwr--margin-b-xl { margin-bottom: 60px; } } .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: 40px !important; } .pwr--sec-padding-t-md { padding-top: 80px !important; } .pwr--sec-padding-t-lg { padding-top: 180px !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: 40px !important; } .pwr--sec-padding-b-md { padding-bottom: 80px !important; } .pwr--sec-padding-b-lg { padding-bottom: 180px !important; } .pwr-sec--first-with-header { padding-top: 110px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 190px; } .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: 30px !important; } .pwr--sec-padding-t-md { padding-top: 60px !important; } .pwr--sec-padding-t-lg { padding-top: 135px !important; } .pwr--sec-padding-b-sm { padding-bottom: 30px !important; } .pwr--sec-padding-b-md { padding-bottom: 60px !important; } .pwr--sec-padding-b-lg { padding-bottom: 135px !important; } } @media (max-width: 575px ) { .pwr-sec--first-with-header { padding-top: 60px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 140px; } .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; } .pwr--txt-uppercase { text-transform: uppercase; } /* Disable Selection Highlighting */ .pwr--no-select { -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: #171B25; color: #FFFFFF; } .pwr--light { background-color: #FFFFFF; color: #171B25; } .pwr--txt-light, .pwr--txt-light:hover { color: #FFFFFF; } .pwr--colored-box { background-color: #F4f6FA; border-radius: 6px; color: #171B25; overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: #282B34; color: #FFFFFF; } body .pwr--colored-box.pwr--light { background-color: #F4f6FA; color: #171B25; } body .pwr--colored-box.pwr--dark { background-color: #282B34; color: #FFFFFF; } /* 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: 40px !important; padding-right: 40px !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: 1.7777777777777777em; } .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: 6px; } /* 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: #171B25; } .pwr--dark .pwr-sec__title-intro { color: #FFFFFF; } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: #171B25; } .pwr--dark .pwr-sec__title { color: #FFFFFF; } .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; } @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: 12px; } .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: 19px; } } @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 */ .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, .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, .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, .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, .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, .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, .pwr-video-background--pos-top .pwr-video-background__youtube { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } @media (max-width: 575px ) { .pwr-video-background__youtube--disable-m { display: none; } } /* 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; } } /* Common Properties for 3D Box Effect */ .pwr-3D-box { height: 100%; position: relative; transform: perspective(1200px) scale(1); transform-style: preserve-3d; transition: all .4s ease-in-out; z-index: 1; } .pwr-3D-box__sensor { border-radius: 6px; 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); transition: opacity .4s ease-in-out; 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); } } /* Social Icons */ .pwr-social-icon { display: inline-block; fill: currentColor; padding: 0 .7em; vertical-align: middle; } .pwr-social-icon { color: #C4C8D3; } .pwr-social-icon:hover { color: #e40694; } .pwr--dark .pwr-social-icon, .pwr--dark .pwr-social-icon:hover { color: #FFFFFF; } .pwr-social-icon:first-child { padding-left: 0; } .pwr-social-icon:last-child { padding-right: 0; } /* Touch Icon */ .pwr-touch-btn { display: none; } @media (hover: none) { .pwr-touch-btn { background-color: rgba(255, 255, 255, .85); border-radius: 6px; color: #171B25; display: block; font-weight: 700; opacity: 1; padding: 8px 15px; position: absolute; right: 12px; top: 12px; transition: opacity .4s ease-in-out; z-index: 500; } .pwr-touch-btn--dark { background-color: rgba(23, 27, 37, .85); color: #FFFFFF; } .pwr-touch-btn-container:hover .pwr-touch-btn { opacity: 0; } .pwr-touch-btn__icon { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23171B25;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.7,2.1c6.4,0,11.5,5.2,11.5,11.5S20,25.2,13.7,25.2S2.1,20,2.1,13.6S7.3,2.1,13.7,2.1 M13.7,0.1 C6.2,0.1,0.1,6.1,0.1,13.6c0,7.5,6.1,13.5,13.5,13.5c7.5,0,13.5-6.1,13.5-13.5C27.2,6.1,21.1,0.1,13.7,0.1L13.7,0.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.7,9.1c2.5,0,4.5,2,4.5,4.5s-2,4.5-4.5,4.5s-4.5-2-4.5-4.5S11.2,9.1,13.7,9.1 M13.7,7.1 c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5S17.2,7.1,13.7,7.1L13.7,7.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); content: ''; display: inline-block; margin-left: 8px; position: relative; width: 20px; height: 20px; top: 4px; } .pwr-touch-btn--dark .pwr-touch-btn__icon { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.7,2.1c6.4,0,11.5,5.2,11.5,11.5S20,25.2,13.7,25.2S2.1,20,2.1,13.6S7.3,2.1,13.7,2.1 M13.7,0.1 C6.2,0.1,0.1,6.1,0.1,13.6c0,7.5,6.1,13.5,13.5,13.5c7.5,0,13.5-6.1,13.5-13.5C27.2,6.1,21.1,0.1,13.7,0.1L13.7,0.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.7,9.1c2.5,0,4.5,2,4.5,4.5s-2,4.5-4.5,4.5s-4.5-2-4.5-4.5S11.2,9.1,13.7,9.1 M13.7,7.1 c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5S17.2,7.1,13.7,7.1L13.7,7.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); } } /* Lazy Loading - Ratio Box Classes avoiding Layout Shifts */ .pwr-ratio-box { position: relative; height: 0; display: block; width: 100%; /* padding-bottom is calculated and rendered in to HTML */ } .pwr-ratio-box img, .pwr-ratio-box iframe, .pwr-ratio-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } /* Explicit reset classes */ ul.pwr--reset { list-style: none; padding: 0; margin: 0; } li.pwr--reset { display: inline-block; } /* Shape Dividers */ .pwr-shape-divider__offset-wrapper { position: relative; } .pwr-hero--full-height .pwr-shape-divider__offset-wrapper { height: 100%; } .pwr-shape-divider__shape { left: 0; line-height: 0; position: absolute; width: 100%; } .pwr-shape-divider__shape--top { top: -1px; } .pwr-shape-divider__shape--top svg { margin-top: -1px; } .pwr-shape-divider__shape--bottom { bottom: -1px; } .pwr-shape-divider__shape--bottom .pwr-shape-divider__svg { margin-bottom: -1px; transform: scaleY(-1); -webkit-transform: scaleY(-1); } .pwr-shape-divider__svg { display: flex; } @media (max-width:575px) { .pwr-shape-divider__shape--hidden-on-mobile { display:none; } } /* Helper Classes & Shared Styles */ /* ========================================================================== */ /* ========================================================================== */ /* 3. HEADER #head */ /* ========================================================================== */ /* ========================================================================== */ /* Skip to Content #head-s */ .pwr-header__skip { background-color: #e40694; color: #FFFFFF; font-family: var(--ff-accent); font-size: 13px; font-weight: 800; height: 1px; text-transform: uppercase; border-radius: 6px; overflow: hidden; position: absolute; left: -1000px; top: -1000px; padding: 13px 19px; transition: top 0.4s ease-in-out, background-color 0.4s ease-in-out, color 0.4s ease-in-out; width: 1px; z-index: 1002; } .pwr-header__skip:hover { background-color: #FFFFFF; color: #e40694; } .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; } /* Header Top */ /* ========================================================================== */ /* ========================================================================== */ /* Header Top #head-t */ .pwr-header-top { background-color: #FFFFFF; border-bottom: 1px solid rgba(23, 27, 37, .1); font-size: 12px; /* fallback */ font-size: var(--fs-header-top); font-family: var(--ff-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__content-wrapper { display: flex; } .pwr-header-top.pwr--dark { background-color: #171B25; border-color: rgba(255, 255, 255, .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(255, 255, 255, .8) !important; } .pwr-header-top.pwr-header-top--blurry.pwr--dark { background-color: rgba(23, 27, 37, .8) !important; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-header-top.pwr-header-top--blurry { background-color: rgba(255, 255, 255, .6) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } .pwr-header-top.pwr-header-top--blurry.pwr--dark { background-color: rgba(23, 27, 37, .4) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } } .pwr-header-top__social .pwr-social-icon { transition: none; } .pwr--dark .pwr-header-top__social .pwr-social-icon { color: #FFFFFF; opacity: 1; } .pwr--dark .pwr-header-top__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-top__menu .hs-menu-wrapper li a { color: #171B25; display: inline-block; padding: 0; } .pwr-header-top__menu .hs-menu-wrapper li a, .pwr-header-top__social .pwr-social-icon svg { transition: color .2s ease-in-out, opacity .2s ease-in-out; } .pwr-header-top__menu--dark, .pwr-header-top__menu--dark .hs-menu-wrapper li a { color: #FFFFFF; } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: #171B25; content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: #FFFFFF; } .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: #FFFFFF !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: #171B25 !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: uppercase; 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: #F4f6FA; 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: #171B25; 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: #282B34; } .pwr-header--dark-on-scroll.scroll .pwr-header-top__toggle, .pwr--dark .pwr-header-top__toggle { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-top__toggle-wrapper { background-color: #F4f6FA; } .pwr-header--light-on-scroll.scroll .pwr-header-top__toggle { color: #171B25; } /* 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: #171B25; content: ""; position: absolute; } .pwr--dark .pwr-header-top__icon-close:after, .pwr--dark .pwr-header-top__icon-close:before { background-color: #FFFFFF; } .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; } .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%; } .pwr-header { background-color: #FFFFFF; font-size: 14px; font-weight: 700; letter-spacing: 0px; position: relative; text-transform: uppercase; transition: background 0.4s ease; z-index: 1000; } .pwr-header { transform: translateZ(100px); } .pwr-header.pwr--dark { background-color: #171B25; color: #FFFFFF; } .pwr-header--light-on-scroll.scroll { background-color: #FFFFFF !important; color: #171B25; } .pwr-header--dark-on-scroll.scroll { background-color: #171B25 !important; color: #FFFFFF; } .pwr-header--transparent:not(.scroll) { background-color: transparent; } .pwr-header.pwr-header--blurry.pwr--dark { background-color: rgba(23, 27, 37, .8); } .pwr-header.pwr-header--blurry.pwr--light { background-color: rgba(255, 255, 255, .8); } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-header.pwr-header--blurry.pwr--dark { background-color: rgba(23, 27, 37, .4) !important; -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); } .pwr-header.pwr-header--blurry.pwr--light { background-color: rgba(255, 255, 255, .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: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-logo { color: #171B25; } .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: 20%; -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%) } .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: #FFFFFF; } .pwr-header-right-bar__link { color: #171B25; opacity: 1; transition: color .2s ease-in-out, opacity .2s ease-in-out;; } .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: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__link { color: #171B25; } .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: #FFFFFF; } .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: #171B25; } .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: #FFFFFF; } .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: #171B25; } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: 0.66; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #171B25; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #171B25; } .pwr-dropdown { box-shadow: 0px 15px 30px rgba(0,0,0,.05); border-radius: 6px; opacity: 0; position: absolute; top: 58px; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: opacity .4s ease-in-out .2s, visibility .4s ease-in-out .2s; visibility: hidden; z-index: 5; } .pwr-dropdown--phone { left: 50%; padding: 24px; text-transform: none; 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: #FFFFFF; } .pwr--dark .pwr-dropdown, .pwr-header--dark-on-scroll.scroll .pwr-dropdown { background-color: #171B25; } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #171B25; } .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: #FFFFFF; } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: 0.66; } .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: #171B25; 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: #171B25; display: block; font-family: var(--ff-base); font-size: 16px; /* fallback */ font-size: var(--fs-base); font-weight: 500; opacity: 0.66; transition-duration: .2s; } a.pwr-dropdown__link:hover { color: #171B25; 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: #FFFFFF; } .pwr-header-right-bar__language-link { display: block; font-family: var(--ff-header); font-weight: 700; opacity: 0.66; 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: #171B25; 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); transition: transform .15s ease-in-out; 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: #FFFFFF; } /* 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; transition: top .6s ease-in-out, background .4s ease-in-out; 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: 1200px; } #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; transition: all .4s ease; 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; transition: background .4s ease-in-out; } .pwr-header-search__close:hover .pwr-header-search__close-icon::before, .pwr-header-search__close:hover .pwr-header-search__close-icon::after { background-color: #e40694; } .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: #171B25; color: #FFFFFF; } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: #FFFFFF; } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(255, 255, 255, .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: #FFFFFF; } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: #FFFFFF; color: #171B25; } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: #171B25; } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(23, 27, 37, .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: #171B25; } @media (max-width: 1200px ) { .pwr-header__menu { display: none; } } @media (max-width: 1200px ) { .pwr-header-right-bar { right: 60px; } .pwr-header-right-bar--no-burger { right: 0; } } @media (max-width: 1199px ) { #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: #FFFFFF !important; } .pwr-header.pwr-header--dark-dropdown .hs-menu-children-wrapper { background-color: #171B25 !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: #171B25 !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: #FFFFFF !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: #171B25 !important; } .pwr-header.pwr-header--dark-dropdown .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2>a { color: #FFFFFF; } .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(23, 27, 37, .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(255, 255, 255, .2); } /* Header Main */ /* ========================================================================== */ /* ========================================================================== */ /* Header Burger #head-b */ .pwr-burger { background-color: #FFFFFF; box-shadow: 0px 15px 30px rgba(0,0,0,.05); bottom: 0; color: #171B25; display: flex; flex-direction: column; font-family: var(--ff-burger); font-size: 13px; /* fallback */ font-size: var(--fs-burger); font-weight: var(--fw-burger); letter-spacing: var(--ls-burger); max-width: 100vw; position: fixed; right: -100%; text-transform: var(--tt-nav); transition: right .6s ease-in-out, width .4s ease-in-out; top: 0; width: 400px; z-index: 1002; } .pwr-burger { transform: translateZ(100px); } .pwr-burger.pwr--dark { background-color: #171B25; color: #FFFFFF; } .pwr-burger--open { right: 0; } .pwr-burger__menu { flex: 1; overflow-y: scroll; margin: 28px 30px; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .pwr-burger__menu::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .pwr-burger__trigger-open { position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; } .pwr-burger__trigger-open--hidden { display: none; } .pwr-burger__icon-open { height: 14px; position: relative; width: 20px; } .pwr-burger__icon-open span, .pwr-burger__icon-open:before, .pwr-burger__icon-open:after { display: block; background-color: #171B25; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr--dark .pwr-burger__icon-open span, .pwr--dark .pwr-burger__icon-open:before, .pwr--dark .pwr-burger__icon-open:after, .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: #FFFFFF; } .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: #171B25; } .pwr-burger__icon-open:before, .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; } .pwr-burger__trigger-close { font-size: 15px; display: block; margin: 30px 30px 0; padding-left: 30px; position: relative; text-transform: none; } .pwr-burger__trigger-close, .pwr-burger__trigger-close:hover { color: #171B25; } .pwr--dark .pwr-burger__trigger-close, .pwr--dark .pwr-burger__trigger-close:hover { color: #FFFFFF; } .pwr-burger__icon-close { left: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 10px; } .pwr-burger__trigger-close:hover .pwr-burger__icon-close { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-burger__icon-close::before, .pwr-burger__icon-close::after { background-color: #171B25; content: ""; position: absolute; transition: background-color .4s ease-in-out; } .pwr-burger__icon-close::before { left: -9px; width: 20px; height: 2px; } .pwr-burger__icon-close::after { top: -9px; width: 2px; height: 20px; } .pwr-burger-bottom-bar { padding: 30px; } .pwr-burger-bottom-bar__item { padding: 8px 15px; } .pwr-burger-bottom-bar__item.pwr-cta { display: inline-block; padding-right: 0px; } .pwr-burger-bottom-bar__item-link { display: block; } .pwr-burger-bottom-bar__item-link, .pwr-burger-bottom-bar__item-link:hover { color: #171B25; } .pwr--dark .pwr-burger-bottom-bar__item-link, .pwr--dark .pwr-burger-bottom-bar__item-link:hover { color: #FFFFFF; } .pwr-burger-bottom-bar__inner { display: none; max-height: 150px; overflow-y: scroll; padding: 10px 0; } .pwr-burger-contact__inner { padding-left: 10px; } .pwr-burger-contact__title { display: inline-block; padding: 5px 0; } .pwr-burger-search__input { color: #171B25 !important; font-family: var(--ff-burger); font-size: var(--fs-burger); margin: 5px 0; padding-right: 30px !important; } .pwr-burger-search__input::placeholder { color: rgba(23, 27, 37, .66); } .pwr-burger-search__input::-ms-clear { display: none; } .pwr-burger-search__input + .pwr-search-field__icon { right: 8px; } .pwr-burger .pwr-search-field__icon svg { fill: currentColor !important; } .pwr-burger-language__link { padding: 5px 0 5px 10px; } .pwr-burger-contact__link, .pwr-burger-language__link { color: rgba(23, 27, 37, 0.66); } .pwr--dark .pwr-burger-contact__link, .pwr--dark .pwr-burger-language__link { color: rgba(255, 255, 255, 0.66); } .pwr-burger-social { font-size: 15px; margin-top: 30px; } .pwr-burger-social .pwr-social-icon { color: #171B25; opacity: 0.66; } .pwr-burger-social .pwr-social-icon:hover { opacity: 1; } .pwr--dark .pwr-burger-social .pwr-social-icon { color: #FFFFFF; } .pwr--dark .pwr-burger__icon-close::before, .pwr--dark .pwr-burger__icon-close::after { background-color: #FFFFFF; } .pwr--dark .pwr-burger-search__input { color: #FFFFFF !important; } .pwr--dark .pwr-burger-search__input::placeholder { color: rgba(255, 255, 255, .66); } @media (min-width: 1201px ) { .pwr-burger__trigger-open--mobile-only { display: none !important; } } @media (max-width: 991px ) and (orientation: landscape) { .pwr-burger-bottom-bar { display: none; } } /* Parent Menu Item Fix */ .pwr-burger__menu .hs-menu-wrapper li > a { background-color: transparent !important; } .pwr-burger__menu .hs-menu-wrapper li > a, .pwr-burger__menu .hs-menu-wrapper li > a:after { color: #171B25 !important; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a:after { color: #FFFFFF !important; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a:before { content: ' '; position: absolute; right: 0; font-size: 1.5em; font-weight: 400; width: 37px; height: 80%; background-color: #F4f6FA; z-index: 0; top: 10%; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a:before { background-color: #282B34; } @media (max-width: 767px ) { .pwr-burger, .pwr-burger-search__input { font-size: var(--fs-burger-tablet); letter-spacing: var(--ls-burger-tablet); } } @media (max-width: 575px ) { .pwr-burger, .pwr-burger-search__input { font-size: var(--fs-burger-mobile); letter-spacing: var(--ls-burger-mobile); } } /* Header Burger */ /* ========================================================================== */ /* ========================================================================== */ /* 4. FOOTER #foot */ /* ========================================================================== */ /* ========================================================================== */ /* General / Copyright-Bar #foot-g */ .pwr-footer { font-size: 14px; /* fallback */ font-size: var(--fs-footer-txt); font-weight: var(--fw-footer-txt); letter-spacing: var(--ls-footer-txt); overflow: hidden; padding: 25px 0; position: relative; } /* Font and Links */ .pwr-footer { color: #171B25; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top) { display: inline-block; transition: color .4s ease-in-out; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top) { color: #171B25; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top):hover { color: rgba(23, 27, 37, 0.8); } .pwr-footer.pwr--dark { color: #FFFFFF; } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top) { color: rgba(255, 255, 255, 0.8); } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top):hover { color: #FFFFFF; } /* Logo */ .pwr-footer__logo { color: #171B25; position: relative; } .pwr-footer__logo img { height: auto; } .pwr-footer__logo .logo-company-name { display: inline-block; font-size: 14px; /* fallback */ font-size: var(--fs-footer-menu-title); font-weight: var(--fw-footer-menu-title); margin: 0; letter-spacing: var(--ls-footer-menu-title); text-transform: var(--tt-title); } .pwr--dark .pwr-footer__logo { color: #FFFFFF; } /* Menu */ .pwr-footer footer, .pwr-footer .hs-menu-wrapper, .pwr-footer .hs-menu-wrapper li { display: inline-block; } .pwr-footer .hs-menu-wrapper li { float: none !important; padding-bottom:5px; padding-top: 5px; } .pwr-footer .hs-menu-wrapper li a { display: inline; opacity: 1 !important; padding: 0; } /* Copyright Bar */ .pwr-footer-legal { font-size: 12px; /* fallback */ font-size: var(--fs-footer-legal); font-weight: var(--fw-footer-legal); letter-spacing: var(--ls-footer-legal); position: relative; } .pwr-footer-legal__content { float: left; width: 83.3%; } .pwr-footer--copyright .pwr-footer-legal__content { float: none; width: 100%; } .pwr-footer-legal__content .pwr-footer__item { display: inline-block; } .pwr-footer-legal__content .pwr-footer__item:not(:last-child):after, .pwr-footer-legal__content .pwr-footer__item .hs-menu-wrapper li:not(:last-child):after { content: '|'; padding-right: 15px; padding-left: 15px; } .pwr-footer-legal__back-to-top { float: left; width: 16.7%; } @media (max-width: 991px) { .pwr-footer-legal__content { float: left; width: 100%; } .pwr-footer-legal__content .hs-menu-wrapper > ul li { padding-bottom: 5px; padding-top: 5px; } .pwr-footer .pwr-footer__menu .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-bottom: 20px; margin-left: 0; padding-right: 10px; width: 50%; } /* .pwr-footer-legal__content .pwr-footer-legal__notice { display: block; } .pwr-footer-legal__content .pwr-footer-legal__notice:after { content: '' !important; padding: 0 !important; } */ .pwr-footer-legal__menu { margin-top: 10px; } .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1 { width: auto; } .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1, .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1 a { display: inline; } } @media (max-width: 767px) { .pwr-footer { font-size: var(--fs-footer-txt-tablet); letter-spacing: var(--ls-footer-txt-tablet); } .pwr-footer__logo .logo-company-name { font-size: var(--fs-footer-menu-title-tablet); letter-spacing: var(--ls-footer-menu-title-tablet); } .pwr-footer-legal { font-size: var(--fs-footer-legal-tablet); letter-spacing: var(--ls-footer-legal-tablet); } } @media (max-width: 575px) { .pwr-footer { font-size: var(--fs-footer-txt-mobile); letter-spacing: var(--ls-footer-txt-mobile); } .pwr-footer__logo .logo-company-name { font-size: var(--fs-footer-menu-title-mobile); letter-spacing: var(--ls-footer-menu-title-mobile); } .pwr-footer-legal { font-size: var(--fs-footer-legal-mobile); letter-spacing: var(--ls-footer-legal-mobile); } .pwr-footer .hs-menu-wrapper ul.hs-menu-children-wrapper { min-width: 0; } } /* General / Copyright-Bar */ /* ========================================================================== */ /* ========================================================================== */ /* Footer Full #foot-f */ .pwr-footer-full { padding-bottom: 60px; padding-top: 100px; } .pwr-footer-company-info { float: left; font-size: 17px; /* basically for social icons */ margin-top: 5px; position: relative; width: 33.33%; z-index: 1; } .pwr-footer__logo--large .logo-company-name { font-size: 18px; } .pwr-footer-company-info__desc, .pwr-footer-company-info__desc p { font-family: var(--ff-footer-txt); font-size: 14px; /* fallback */ font-size: var(--fs-footer-txt); font-weight: var(--fw-footer-txt); max-width: 270px; margin-top: 20px; letter-spacing: var(--ls-footer-txt); } .pwr-footer-company-info__desc, .pwr-footer-company-info__icons { color: #171B25; } .pwr--dark .pwr-footer-company-info__desc, .pwr--dark .pwr-footer-company-info__icons { color: #FFFFFF; } .pwr-footer-company-info__desc + .pwr-footer-company-info__icons { margin-top: 20px; } .pwr-footer-full__content { padding-bottom: 105px; } .pwr-footer-full__menu { float: left; } .pwr-footer-full__menu--full-width { float: none; width: 100%; } .pwr-footer-full__menu--medium-width { width: 66.66% } .pwr-footer-full__menu--small-width { width: 33.33%; } .pwr-footer-full__menu--7col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 22px; width: calc( 14.286% - 22px ); } .pwr-footer-full__menu--6col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 23px; width: calc( 16.66% - 23px ); } .pwr-footer-full__menu--5col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 24px; width: calc( 20% - 24px ); } .pwr-footer-full__menu--4col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 25px; width: calc( 25% - 25px ); } .pwr-footer-full__menu--3col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 26px; width: calc( 33.33% - 26px ); } .pwr-footer-full__menu--2col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 30px; width: calc( 50% - 30px ); } .pwr-footer-full__menu--1col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 0; width: 100%; } .pwr-footer-full .hs-menu-wrapper li.hs-menu-depth-1:first-child { margin-left: 0; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 ul.hs-menu-children-wrapper { background-color: transparent; box-shadow: none; left: 0; padding: 0; position: relative; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical > ul li { display: block; margin-top: 0 !important; } .pwr-footer-full .hs-menu-wrapper li > a:hover { color: initial; } .pwr-footer-full__menu li.active-branch > a { background-color: transparent !important; color: inherit !important; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-subscribe__title { color: #171B25; display: block; font-family: var(--ff-footer-menu-title); font-size: 14px; /* fallback */ font-size: var(--fs-footer-menu-title); font-weight: var(--fw-footer-menu-title); letter-spacing: var(--ls-footer-menu-title); padding-bottom: 20px; text-transform: var(--tt-title); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-full.pwr--dark .pwr-footer-subscribe__title { color: #FFFFFF; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { background-color: transparent; color: #171B25; font-family: var(--ff-footer-menu); font-size: 14px; /* fallback */ font-size: var(--fs-footer-menu); font-weight: var(--fw-footer-menu); margin-left: 0; letter-spacing: var(--ls-footer-menu); line-height: 20px; white-space: normal !important; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover { color: rgba(23, 27, 37, 0.8); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { color: rgba(255, 255, 255, 0.8); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover { color: #FFFFFF; } .pwr-footer-full .hs-menu-wrapper li.hs-item-has-children > a:after { display: none; } /* Subscription Form */ .pwr-footer-subscribe { float: left; margin-left: 20px; width: calc( 33.33% - 20px ); } .pwr-footer-subscribe__title { padding-bottom: 25px; } .pwr-footer-subscribe__hint { font-size: 11px; } .pwr-footer-subscribe__form { margin-bottom: 20px; position: relative; text-align: left; } .pwr-footer-subscribe__form .hs-form-required, /* .pwr-footer-subscribe__form .hs-email > label, */ .pwr-footer-subscribe__form .hs-field-desc { height: 1px; left: 10000px; overflow: hidden; position: absolute; width: 1px; } .pwr-footer-subscribe__form h3 { display: none; } .pwr-footer-subscribe__form .hs-form .hs-form-field { padding-bottom: 0; } .pwr-footer-subscribe__form .hs-email { margin-bottom: 0 !important; } /* .pwr-footer-subscribe__form .hs-email .hs-input { background-color: rgba(23, 27, 37,.2); border: 0; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 0; font-family: var(--ff-footer-text); font-size: 14px; /* fallback */ font-size: var(--fs-footer-text); font-weight: var(--fw-footer-text); height: 50px; letter-spacing: var(--ls-footer-text); padding: 16px 20px; } */ /* .pwr--dark .pwr-footer-subscribe__form .hs-email .hs-input { background-color: #282B34; color: #FFFFFF } */ /* .pwr-footer-subscribe__form .hs-email { display: inline-block; position: relative; width: 70%; vertical-align: top; z-index: 0; } */ .pwr-footer-subscribe__form .hs-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 0 !important; position: absolute; right: 0; top: 0; width: 30%; vertical-align: top; z-index: 0; } .pwr-footer-subscribe__form .hs-submit .hs-button { margin: 0; padding: 15px 21px !important; width: 100%; } .pwr-footer-subscribe__form .legal-consent-container, .pwr-footer-subscribe__form .legal-consent-container p { font-size: 10px; } .pwr-footer-subscribe__form .legal-consent-container { margin-bottom: 0; margin-top: 15px; } @media (max-width: 767px) { .pwr-footer-company-info__desc, .pwr-footer-company-info__desc p, .pwr-footer-subscribe__form .hs-email .hs-input { font-size: var(--fs-footer-txt-tablet); letter-spacing: var(--ls-footer-txt-tablet); } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-subscribe__title { font-size: var(--fs-footer-menu-title-tablet); letter-spacing: var(--ls-footer-menu-title-tablet); } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { font-size: var(--fs-footer-menu-tablet); letter-spacing: var(--ls-footer-menu-tablet); } } @media (max-width: 575px) { .pwr-footer-company-info__desc, .pwr-footer-company-info__desc p, .pwr-footer-subscribe__form .hs-email .hs-input { font-size: var(--fs-footer-txt-mobile); letter-spacing: var(--ls-footer-txt-mobile); } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-subscribe__title { font-size: var(--fs-footer-menu-title-mobile); letter-spacing: var(--ls-footer-menu-title-mobile); } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { font-size: var(--fs-footer-menu-mobile); letter-spacing: var(--ls-footer-menu-mobile); } .pwr-footer-legal__content .pwr-footer__item { display: block; } .pwr-footer-legal__content .pwr-footer__item:not(:last-child):after, .pwr-footer-legal__content .pwr-footer__item .hs-menu-wrapper li:not(:last-child):after { display: none; } /* .pwr-footer-subscribe__form .hs-email { width: 60% } .pwr-footer-subscribe__form .hs-submit { width: 40%; } */ } /* Back to top Button */ .pwr-back-to-top { background-color: #e40694; border-radius: 6px; color: #FFFFFF; cursor: pointer; display: inline-block; height: 57px; font-size: 21px; -webkit-transform: translateY(-35px); transform: translateY(-35px); transition: background .4s ease-in-out; width: 57px; } .pwr-back-to-top:hover { background-color: #e40694; color: #FFFFFF; } .pwr-back-to-top__icon { fill: currentColor; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr--dark .pwr-back-to-top:hover { background-color: #FFFFFF; color: #e40694; } @media (max-width: 991px) { .pwr-footer-company-info, .pwr-footer-full__menu, .pwr-footer-subscribe, .pwr-footer-legal__back-to-top { float: none; width: 100%; } .pwr-footer-full__menu + .pwr-footer-subscribe, .pwr-footer-legal__back-to-top { margin-top: 40px; } .pwr-footer-company-info + .pwr-footer-full__menu { margin-top: 70px; } .pwr-footer-company-info__desc { max-width: 100%; } .pwr-footer-subscribe { margin-left: 0; } .pwr-footer-subscribe__form .hs-email { margin-right: 0; } .pwr-back-to-top { position: relative; -webkit-transform: none; transform: none; } .pwr-footer .pwr-footer-full__menu .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-bottom: 20px; margin-left: 0; padding-right: 10px; width: 50%; } } @media (max-width: 767px) { .pwr-footer-full__content { padding-bottom: 79px; } } /* Footer Full */ /* ========================================================================== */ /* ========================================================================== */ /* Footer Reduced #foot-r */ .pwr-footer-reduced { padding: 60px 0; } .pwr-footer-reduced__content + .pwr-footer-legal { margin-top: 40px; } .pwr-footer-reduced__logo { float: left; max-width: 16.66%; } .pwr-footer-reduced__statement { float: left; margin-left: 60px; position: relative; width: calc( 50% - 60px ); } .pwr-footer-reduced__menu { float: right; text-transform: uppercase; margin-left: 20px; position: relative; width: calc( 33.33% - 20px ); } .pwr-footer-reduced__menu .hs-menu-wrapper li { line-height: 1em; } .pwr-footer-reduced__menu .hs-menu-wrapper li a { font-family: var(--ff-footer-menu-title); font-size: 14px; /* fallback */ font-size: var(--fs-footer-menu-title); font-weight: var(--fw-footer-menu-title); letter-spacing: var(--ls-footer-menu-title); padding: 0 20px !important; transition: all 0.4s ease-in-out; } @media( max-width: 767px ) { .pwr-footer-reduced__menu .hs-menu-wrapper li a { font-size: var(--fs-footer-menu-title-tablet); letter-spacing: var(--ls-footer-menu-title-tablet); padding-left: 0 !important; } .pwr-footer-reduced__logo, .pwr-footer-reduced__statement, .pwr-footer-reduced__menu { float: none; margin-left: 0; width: 100%; } .pwr-footer-reduced__logo + .pwr-footer-reduced__statement, .pwr-footer-reduced__logo + .pwr-footer-reduced__menu, .pwr-footer-reduced__statement + .pwr-footer-reduced__menu { margin-top: 40px; } } @media( max-width: 575px ) { .pwr-footer-reduced__menu .hs-menu-wrapper li a { font-size: var(--fs-footer-menu-title-mobile); letter-spacing: var(--ls-footer-menu-title-mobile); } .pwr-footer-reduced__logo { max-width: 100%; } } /* Footer Reduced */ /* ========================================================================== */ /* ========================================================================== */ /* Footer Simple Link #foot-s */ .pwr-footer-link { padding: 140px 0; } .pwr-footer-link__cta { font-family: var(--ff-btn); font-size: 70px; font-weight: 700; height: 1.5em; letter-spacing: -1px; margin-bottom: 40px;; position: relative; } .pwr-link { color: #171B25; text-decoration: none; box-shadow: inset 0 -0.382em 0 #e40694; cursor: pointer; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } .pwr-link:hover, .pwr-link:focus { box-shadow: inset 0 -1.5em 0 #e40694; } .pwr--dark .pwr-link, .pwr-link:hover { color: #FFFFFF !important; } .pwr-link-icon { display: inline-block; fill: currentColor; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-link-icon .hs_cos_wrapper_type_icon svg { transition: none; } .pwr-footer-link__cta .pwr-link { position: relative; top: .6em; } .pwr-footer-link__copyright, .pwr-footer-link__copyright span { font-weight: 500; letter-spacing: 0px; position: relative; } .pwr-footer-link__icons { font-size: 19px; margin-top: 40px; position: relative; } @media (max-width: 767px) { .pwr-footer-link { padding: 105px 0; } .pwr-footer-link__cta { font-size: 53px; } } @media (max-width: 575px ) { .pwr-footer-link__cta { font-size: 30px; height: auto; line-height: 1.5em; white-space: normal; word-break: break-all; } } /* Footer Reduced */ /* ========================================================================== */ /* ========================================================================== */ /* 5. 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); } .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; } .pwr-burger__menu .hs-menu-wrapper > ul { display: block; } .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: 6px; box-shadow: 0px 15px 30px rgba(0,0,0,.05); min-width: 190px; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; text-align: left; -webkit-font-smoothing: antialiased !important; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-item-has-children:hover ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper { transition: opacity 0s linear .2s, visibility 0s linear .2s; } .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-item-has-children:hover ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper { transition: opacity .4s ease-in-out, visibility .4s ease-in-out; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 23px 0; } .pwr-burger__menu .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0; } .pwr-burger__menu .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 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; } .pwr-burger__menu .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 0; } .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: #FFFFFF; } .pwr--dark .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #282B34; } .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: #171B25; } .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-burger__menu .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: transparent; box-shadow: none; display: none; min-width: 0; left: 0 !important; overflow: hidden; position: relative; top: 0 !important; } .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(255, 255, 255,.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: 1200px; } .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 { 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(23, 27, 37, .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(255, 255, 255, .2); } .hs-menu-wrapper li a { color: #171B25; display: block; font-family: var(--ff-btn); margin: 0 15px; line-height: 1em; padding: 15px; position: relative; transition: background-color .2s ease-in-out, color .2s ease-in-out; } .hs-menu-wrapper.hs-menu-flow-vertical li a, .pwr-burger__menu .hs-menu-wrapper li a { width: auto; } .pwr-burger__menu .hs-menu-wrapper li a { margin: 0 !important; line-height: 1.6em; opacity: 1 !important; padding: 8px 15px 6px; transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; white-space: normal !important; } .pwr-burger__menu .hs-menu-wrapper li a, .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 { padding-right: 30px; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a { padding-right: 37px; } .hs-menu-wrapper li.hs-item-has-children > a:after { box-shadow: inset -2px 2px 0 0; color: #171B25; 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); transition: transform .15s ease-in-out; width: 7px; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-3 a:after { display: none; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a:after { right: 15px; } .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); } .pwr-burger__menu .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children:hover > a:after { -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); } .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: 36px 12px; } .pwr-header__menu.pwr-header__menu--narrow-32 .hs-menu-wrapper li.hs-menu-depth-1 > a { padding: 36px 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 { padding-right: 22px; } .pwr-header__menu.pwr-header__menu--narrow-32 .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > 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):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 } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a { padding-left: 15px } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-2 > a, .hs-menu-wrapper.no-flyouts li.hs-menu-depth-3 > a { padding-left: 30px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-3 > a, .hs-menu-wrapper.no-flyouts li.hs-menu-depth-4 > a { padding-left: 45px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-4 > a, .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 { opacity: 0.66; } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a { background-color: #e40694; } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a, .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:after { color: #FFFFFF; } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after { color: #FFFFFF; } .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: #FFFFFF; } .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: #171B25; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3 > a { opacity: 0.66; } .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: #171B25; } .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: #FFFFFF; } .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 { background-color: #e40694; 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, .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: #FFFFFF; } .pwr-burger .hs-menu-wrapper li.active-branch > a { background-color: #e40694; } .pwr-burger .hs-menu-wrapper li.active-branch > a, .pwr-burger .hs-menu-wrapper li.active-branch > a:after { color: #FFFFFF; } @media (hover: hover) { .pwr-burger .hs-menu-wrapper li:hover > a { background-color: #e40694; } .pwr-burger .hs-menu-wrapper li:hover > a, .pwr-burger .hs-menu-wrapper li:hover > a:after { color: #FFFFFF; } } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a:after, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a:after{ color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a:after { color: rgba(255, 255, 255, .5); } @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 */ /* ========================================================================== */ /* ========================================================================== */ /* 6. 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: #e40694; border-radius: 6px; border-width: 0; color: #FFFFFF; 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; transition: all .4s ease-in-out; text-transform: uppercase; } 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: #e40694; } 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: #FFFFFF; color: #e40694; } .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: 6px; 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: uppercase; z-index: 0; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { opacity: 1 !important; overflow: hidden; padding: 15px 21px; position: relative; transition: all .4s ease-in-out; } .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; transition: all .4s ease-in-out; 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: 0; } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover: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, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:before { background-color: #e40694; } .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, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit { color: #FFFFFF; } .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, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover:after { background-color: #e40694; } .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, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .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, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .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, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover { color: #e40694; } .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, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:before { background-color: #e40694; } .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, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit { color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover:after { background-color: #e40694; } .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, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:before { background-color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit { color: #e40694; } .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, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover:after { background-color: #e40694; } .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, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover { color: #FFFFFF; } .pwr--dark .cta_button.pwr-cta--regular-solid:hover { color: #FFFFFF !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: #FFFFFF; } .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: #e40694; } .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: #e40694; } .cta_button.pwr-cta--regular-solid-primary-background:hover:after { background-color: #e40694 !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: #FFFFFF; } .cta_button.pwr-cta--regular-solid-primary-background:hover { color: #FFFFFF !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: #e40694; color: #e40694; } .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: #e40694; } .cta_button.pwr-cta--primary-border:hover:after { background-color: #e40694 !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-border .hs-submit:hover { color: #FFFFFF; } .cta_button.pwr-cta--primary-border:hover { color: #FFFFFF !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, .pwr-form.pwr-btn--regular-border.pwr--light .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, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit { border-color: #e40694; color: #e40694; } .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, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover:after { background-color: #e40694; } .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, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover { color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-border.pwr--dark .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, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit { border-color: #FFFFFF; color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .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, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover { color: #e40694; } /* Keep styles of HubSpot's CTA module configurable */ .dnd-module > .widget-type-cta .cta_button { color: #171B25; } .dnd-module > .widget-type-cta .cta_button:before, .dnd-module > .widget-type-cta .cta_button:after { display: none !important; color: #171B25 !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: #FFFFFF; } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:before { background-color: #e40694; } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover { color: #FFFFFF; } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover:after { background-color: #171B25; } .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: #e40694; } .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; transition: all 0.5s ease-in-out; } .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: #e40694; } .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: #e40694; -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: #FFFFFF; } .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: #FFFFFF !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) { color: #FFFFFF; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { color: #FFFFFF; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before { background-color: transparent; } .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 { background-color: #e40694; } .pwr-cta--custom-01 .cta_button.pwr-cta--small, .pwr-cta--custom-01.pwr-cta--small .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--custom-01.pwr-btn--small .hs-submit .hs-button { padding: 8px 14px; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--custom-01 .hs-submit { padding: 13px 19px; } .pwr-cta--custom-01 .cta_button.pwr-cta--long, .pwr-cta--custom-01.pwr-cta--long .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--custom-01.pwr-btn--long .hs-submit .hs-button, .pwr-cta--custom-01 .hs-submit .hs-button.large { padding-left: 39px; padding-right: 39px; } .pwr-cta--custom-01 .cta_button.pwr-cta--large, .pwr-cta--custom-01.pwr-cta--large .cta_button:not(.pwr-cta--hubspot-style), .pwr-cta--custom-01.pwr-btn--large .hs-submit .hs-button { padding: 20px 30px; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { border-color: #fff; border-style: solid; border-width: 2px; } .pwr-cta--custom-01 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { border-color: #fff; } .pwr-cta--custom-02 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { color: #FFFFFF; } .pwr-cta--custom-02 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { color: #FFFFFF; } .pwr-cta--custom-02 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):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 { background-color: #c850c0; } .pwr-cta--custom-03 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { color: #ff6a88; } .pwr-cta--custom-03 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { color: #FFFFFF; } .pwr-cta--custom-03 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):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 { 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 ); } .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) { color: #741b47; } .pwr-cta--custom-04 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover { color: #FFFFFF; } .pwr-cta--custom-04 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):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 { background-color: #7814fe; } /* BUTTONS */ /* ========================================================================== */ /* ========================================================================== */ /* 7. FORMS #form */ /* ========================================================================== */ /* All Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 40px; text-align: left; } /* Labels */ body .hs-form-field > label { color: #171B25; font-family: var(--ff-form-label); font-size: 14px; /* fallback */ font-size: var(--fs-form-label); font-weight: var(--fw-form-label); letter-spacing: var(--ls-form-label); } body .pwr--dark .hs-form-field > label, body .pwr-form.pwr--dark .hs-form-field > label { color: #FFFFFF; } body .pwr--light .hs-form-field > label, body .pwr-form.pwr--light .hs-form-field > label { color: #171B25; } body .hs-form-field > label .hs-form-required { padding-left: 10px; } /* Descriptions / Help-Text */ body .hs-field-desc { font-family: var(--ff-form-help); font-size: 14px; /* fallback */ font-size: var(--fs-form-help); font-weight: var(--fw-form-help); letter-spacing: var(--ls-form-help); line-height: 1.2; padding: 5px 0; } /* Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { box-shadow: none; color: #171B25; height: auto; font-family: var(--ff-form-input); font-size: 16px; /* fallback */ font-size: var(--fs-form-input); font-weight: var(--fw-form-input); letter-spacing: var(--ls-form-input); width: 100%; } body textarea { min-height: 7em; } .hs-dateinput { position: relative; } .hs-dateinput:before { background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23171B25' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); content: ''; position: absolute; width: 15px; height: 15px; } .pwr--dark .hs-dateinput:before, .pwr-form.pwr--dark .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .pwr-form.pwr--light .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23171B25' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .hs-dateinput .fn-date-picker .is-today .pika-button { color: #e40694; } .hs-dateinput .fn-date-picker .is-selected .pika-button { background: #e40694; } .hs-dateinput .fn-date-picker .pika-button:hover { background: #171B25 !important; } .hs-recaptcha { margin: 30px 0 20px !important } .hs-recaptcha .grecaptcha-badge { box-shadow: none !important; } body select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23171B25%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .8em auto, 100%; border-radius: 0; display: block; position: relative; max-width: 100%; width: 100%; } body select:focus { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23e40694%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body .pwr--dark select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body .pwr-form.pwr--light select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23171B25%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body .pwr--dark select option { color: #171B25; } body select::-ms-expand { display: none; } body select option { font-weight:normal; } body .pwr--dark input[type="text"], body .pwr--dark input[type="password"], body .pwr--dark input[type="datetime"], body .pwr--dark input[type="datetime-local"], body .pwr--dark input[type="date"], body .pwr--dark input[type="month"], body .pwr--dark input[type="time"], body .pwr--dark input[type="week"], body .pwr--dark input[type="number"], body .pwr--dark input[type="email"], body .pwr--dark input[type="url"], body .pwr--dark input[type="search"], body .pwr--dark input[type="tel"], body .pwr--dark input[type="color"], body .pwr--dark input[type="file"], body .pwr--dark textarea, body .pwr--dark select { color: #FFFFFF; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { border-color: #e40694; outline: none; } body .pwr--dark input[type="text"]:focus, body .pwr--dark input[type="password"]:focus, body .pwr--dark input[type="datetime"]:focus, body .pwr--dark input[type="datetime-local"]:focus, body .pwr--dark input[type="date"]:focus, body .pwr--dark input[type="month"]:focus, body .pwr--dark input[type="time"]:focus, body .pwr--dark input[type="week"]:focus, body .pwr--dark input[type="number"]:focus, body .pwr--dark input[type="email"]:focus, body .pwr--dark input[type="url"]:focus, body .pwr--dark input[type="search"]:focus, body .pwr--dark input[type="tel"]:focus, body .pwr--dark input[type="color"]:focus, body .pwr--dark input[type="file"]:focus, body .pwr--dark textarea:focus, body .pwr--dark select:focus { border-color: #FFFFFF; } body .pwr-form.pwr--light input[type="text"], body .pwr-form.pwr--light input[type="password"], body .pwr-form.pwr--light input[type="datetime"], body .pwr-form.pwr--light input[type="datetime-local"], body .pwr-form.pwr--light input[type="date"], body .pwr-form.pwr--light input[type="month"], body .pwr-form.pwr--light input[type="time"], body .pwr-form.pwr--light input[type="week"], body .pwr-form.pwr--light input[type="number"], body .pwr-form.pwr--light input[type="email"], body .pwr-form.pwr--light input[type="url"], body .pwr-form.pwr--light input[type="search"], body .pwr-form.pwr--light input[type="tel"], body .pwr-form.pwr--light input[type="color"], body .pwr-form.pwr--light input[type="file"], body .pwr-form.pwr--light textarea, body .pwr-form.pwr--light select { color: #171B25; } body .pwr-form.pwr--dark input[type="text"], body .pwr-form.pwr--dark input[type="password"], body .pwr-form.pwr--dark input[type="datetime"], body .pwr-form.pwr--dark input[type="datetime-local"], body .pwr-form.pwr--dark input[type="date"], body .pwr-form.pwr--dark input[type="month"], body .pwr-form.pwr--dark input[type="time"], body .pwr-form.pwr--dark input[type="week"], body .pwr-form.pwr--dark input[type="number"], body .pwr-form.pwr--dark input[type="email"], body .pwr-form.pwr--dark input[type="url"], body .pwr-form.pwr--dark input[type="search"], body .pwr-form.pwr--dark input[type="tel"], body .pwr-form.pwr--dark input[type="color"], body .pwr-form.pwr--dark input[type="file"], body .pwr-form.pwr--dark textarea, body .pwr-form.pwr--dark select { border-color: rgba(255, 255, 255, 0.6); color: #FFFFFF; } body .pwr-form.pwr--light input[type="text"]:focus, body .pwr-form.pwr--light input[type="password"]:focus, body .pwr-form.pwr--light input[type="datetime"]:focus, body .pwr-form.pwr--light input[type="datetime-local"]:focus, body .pwr-form.pwr--light input[type="date"]:focus, body .pwr-form.pwr--light input[type="month"]:focus, body .pwr-form.pwr--light input[type="time"]:focus, body .pwr-form.pwr--light input[type="week"]:focus, body .pwr-form.pwr--light input[type="number"]:focus, body .pwr-form.pwr--light input[type="email"]:focus, body .pwr-form.pwr--light input[type="url"]:focus, body .pwr-form.pwr--light input[type="search"]:focus, body .pwr-form.pwr--light input[type="tel"]:focus, body .pwr-form.pwr--light input[type="color"]:focus, body .pwr-form.pwr--light input[type="file"]:focus, body .pwr-form.pwr--light textarea:focus, body .pwr-form.pwr--light select:focus { border-color: #e40694; outline: none; } body .pwr-form.pwr--dark input[type="text"]:focus, body .pwr-form.pwr--dark input[type="password"]:focus, body .pwr-form.pwr--dark input[type="datetime"]:focus, body .pwr-form.pwr--dark input[type="datetime-local"]:focus, body .pwr-form.pwr--dark input[type="date"]:focus, body .pwr-form.pwr--dark input[type="month"]:focus, body .pwr-form.pwr--dark input[type="time"]:focus, body .pwr-form.pwr--dark input[type="week"]:focus, body .pwr-form.pwr--dark input[type="number"]:focus, body .pwr-form.pwr--dark input[type="email"]:focus, body .pwr-form.pwr--dark input[type="url"]:focus, body .pwr-form.pwr--dark input[type="search"]:focus, body .pwr-form.pwr--dark input[type="tel"]:focus, body .pwr-form.pwr--dark input[type="color"]:focus, body .pwr-form.pwr--dark input[type="file"]:focus, body .pwr-form.pwr--dark textarea:focus, body .pwr-form.pwr--dark select:focus { border-color: #FFFFFF; } /* Ignore Hubspots Form Title for Form Modules */ body .pwr-form .hs_cos_wrapper.form-title { display: none; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } /* Placeholder Text */ ::placeholder, .pwr-form.pwr--light ::placeholder { color: rgba(23, 27, 37, .66); } .pwr--dark ::placeholder { color: rgba(255, 255, 255, .66); } /* Error messages */ body form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs { color: #F2545B; font-family: var(--ff-form-error); font-size: 16px; /* fallback */ font-size: var(--fs-form-error); font-weight: var(--fw-form-error); letter-spacing: var(--ls-form-error); line-height: 1.2; list-style: none; padding-left: 0; } body .pwr--dark form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--dark form.hs-form ul.inputs-list.hs-error-msgs { color: #FFFFFF; } /* Legal consent */ .legal-consent-container, .legal-consent-container p { font-family: var(--ff-form-legal-consent); font-size: 14px; /* fallback */ font-size: var(--fs-form-legal-consent); font-weight: var(--fw-form-legal-consent); letter-spacing: var(--ls-form-legal-consent); } .legal-consent-container { margin-bottom: 20px; } /* Cookie Reset Message */ .cookie-reset-container { margin-bottom: 20px !important; } .cookie-reset-container a, .cookie-reset-container a:hover { color: #171B25; } .pwr--dark .cookie-reset-container a, .pwr--dark .cookie-reset-container a:hover { color: #FFFFFF; } .pwr-form.pwr--light .cookie-reset-container a, .pwr-form.pwr--light .cookie-reset-container a:hover { color: #171B25; } .pwr-footer-subscribe__form .cookie-reset-container, .pwr-sidebar-widget-form .cookie-reset-container { bottom: -13px; font-size: 11px; font-weight: 700; margin: 0 !important; line-height: 1em; opacity: .65; position: absolute; z-index: 1; } /* Checkboxes and Radio Buttons */ .pwr--align-c .hs-form-booleancheckbox-display { display: block; text-align: center; } [type="radio"]:checked, [type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span { cursor: pointer; display: inline-block !important; font-size: 16px; margin:7px 0px !important; padding-top: 1px; padding-left: 50px !important; position: relative; text-transform:none; } .legal-consent-container [type="checkbox"]:checked + span, .legal-consent-container [type="checkbox"]:not(:checked) + span, .legal-consent-container [type="checkbox"]:checked + span p, .legal-consent-container [type="checkbox"]:not(:checked) + span p { font-size: var(--fs-form-legal-consent); line-height: 1.4; } [type="checkbox"] + span:before { border-radius: 6px; content: ''; height: 28px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 28px; } [type="checkbox"]:checked + span:after { background-color: rgba(228, 6, 148, 0.5) !important; border-radius: 6px; content: ''; height: 14px; left: 7px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; } .pwr--dark [type="checkbox"]:checked + span:before, .pwr-form.pwr--dark [type="checkbox"]:checked + span:before { background-color: rgba(255, 255, 255,1) !important; /* background-color: #fff !important; */ } .pwr--dark input[type="checkbox"] + span:before { background-color: rgba(255, 255, 255, 0.5) !important; } [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { cursor: pointer; display: inline-block; font-size: 16px; position: relative; padding-bottom: 18px; padding-left: 50px; } .legal-consent-container [type="radio"]:checked + span, .legal-consent-container [type="radio"]:not(:checked) + span, .legal-consent-container [type="radio"]:checked + span p, .legal-consent-container [type="radio"]:not(:checked) + span p { font-size: var(--fs-form-legal-consent); line-height: 1.4; } [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after { border-radius: 100%; content: ''; height: 24px; left: 0; position: absolute; top: 0; width: 24px; z-index: 0; background-color:rgba(255, 255, 255,.2) !important; } [type="radio"]:checked + span:before { background-color: #e40694; border-radius: 100%; content: ''; height: 12px; left: 6px; position: absolute; top: 6px; width: 12px; z-index: 1; } [type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .pwr--dark [type="radio"]:not(:checked) + span:after, .pwr-form.pwr--dark [type="radio"]:not(:checked) + span:after, [type="checkbox"] + span:before, .pwr--dark [type="checkbox"] + span:before { background-color: rgba(255, 255, 255,0.5) !important; } .pwr--dark [type="radio"]:checked + span:after, .pwr-form.pwr--dark [type="radio"]:checked + span:after { background-color: rgba(255, 255, 255,1); } .submitted-message { font-weight: 700; text-align: center; } /* Load global form input styles */ /* Form Style: Line */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /* ========================================================================== MACROS ========================================================================== */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER THEME */ /* by maka Ageny */ /* */ /* STYLE SETTINGS FILE */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /* Is used to reduce font-sizes for smaller screens */ /* Is used to reduce spacing (padding, margin) for smaller screens */ /* Generates rgba value from color object */ /* get Gradient Styles *//* Create styles for custom buttons */ /* General ========================================================================== */ /* Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { background-color: transparent; border-color: rgba(23, 27, 37, 1.0); border-width: 0 0 2px; padding: 10px 0 5px; } body .pwr--dark input[type="text"], body .pwr--dark input[type="password"], body .pwr--dark input[type="datetime"], body .pwr--dark input[type="datetime-local"], body .pwr--dark input[type="date"], body .pwr--dark input[type="month"], body .pwr--dark input[type="time"], body .pwr--dark input[type="week"], body .pwr--dark input[type="number"], body .pwr--dark input[type="email"], body .pwr--dark input[type="url"], body .pwr--dark input[type="search"], body .pwr--dark input[type="tel"], body .pwr--dark input[type="color"], body .pwr--dark input[type="file"], body .pwr--dark textarea, body .pwr--dark select { border-color: rgba(255, 255, 255, 0.6); } body select { padding: 10px 2.1em 5px 0; } /* All Forms ========================================================================== */ /* Inputs */ form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form input[type="file"], form textarea, form select { padding: 10px 0 5px; background-color: transparent; border: 2px solid rgba(23, 27, 37, 1.0); border-color: rgba(23, 27, 37, 1.0); border-radius: 0; border-width: 0 0 2px; } .hs-dateinput:before { left: 0px; top: 14px; } .hs-dateinput > .hs-input { padding-left: 25px !important; } form select { background-position: right .7em top 50%, 0 0; padding: 10px 2.1em 5px 0; } form input[type="text"]:focus, form input[type="password"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="time"]:focus, form input[type="week"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="color"]:focus, form input[type="file"]:focus, form textarea:focus, form select:focus { border-color: #e40694; box-shadow: initial; outline: none; } .pwr--dark form input[type="text"], .pwr--dark form input[type="password"], .pwr--dark form input[type="datetime"], .pwr--dark form input[type="datetime-local"], .pwr--dark form input[type="date"], .pwr--dark form input[type="month"], .pwr--dark form input[type="time"], .pwr--dark form input[type="week"], .pwr--dark form input[type="number"], .pwr--dark form input[type="email"], .pwr--dark form input[type="url"], .pwr--dark form input[type="search"], .pwr--dark form input[type="tel"], .pwr--dark form input[type="color"], .pwr--dark form input[type="file"], .pwr--dark form textarea, .pwr--dark form select { border-color: rgba(255, 255, 255, 0.6); } .pwr--dark form input[type="text"]:focus, .pwr--dark form input[type="password"]:focus, .pwr--dark form input[type="datetime"]:focus, .pwr--dark form input[type="datetime-local"]:focus, .pwr--dark form input[type="date"]:focus, .pwr--dark form input[type="month"]:focus, .pwr--dark form input[type="time"]:focus, .pwr--dark form input[type="week"]:focus, .pwr--dark form input[type="number"]:focus, .pwr--dark form input[type="email"]:focus, .pwr--dark form input[type="url"]:focus, .pwr--dark form input[type="search"]:focus, .pwr--dark form input[type="tel"]:focus, .pwr--dark form input[type="color"]:focus, .pwr--dark form input[type="file"]:focus, .pwr--dark form textarea:focus, .pwr--dark form select:focus { border-color: #e40694; } .pwr-form.pwr--dark form input[type="text"]:focus, .pwr-form.pwr--dark form input[type="password"]:focus, .pwr-form.pwr--dark form input[type="datetime"]:focus, .pwr-form.pwr--dark form input[type="datetime-local"]:focus, .pwr-form.pwr--dark form input[type="date"]:focus, .pwr-form.pwr--dark form input[type="month"]:focus, .pwr-form.pwr--dark form input[type="time"]:focus, .pwr-form.pwr--dark form input[type="week"]:focus, .pwr-form.pwr--dark form input[type="number"]:focus, .pwr-form.pwr--dark form input[type="email"]:focus, .pwr-form.pwr--dark form input[type="url"]:focus, .pwr-form.pwr--dark form input[type="search"]:focus, .pwr-form.pwr--dark form input[type="tel"]:focus, .pwr-form.pwr--dark form input[type="color"]:focus, .pwr-form.pwr--dark form input[type="file"]:focus, .pwr-form.pwr--dark form textarea:focus, .pwr-form.pwr--dark form select:focus { border-color: #e40694; } .pwr-form.pwr--light form input[type="text"]:focus, .pwr-form.pwr--light form input[type="password"]:focus, .pwr-form.pwr--light form input[type="datetime"]:focus, .pwr-form.pwr--light form input[type="datetime-local"]:focus, .pwr-form.pwr--light form input[type="date"]:focus, .pwr-form.pwr--light form input[type="month"]:focus, .pwr-form.pwr--light form input[type="time"]:focus, .pwr-form.pwr--light form input[type="week"]:focus, .pwr-form.pwr--light form input[type="number"]:focus, .pwr-form.pwr--light form input[type="email"]:focus, .pwr-form.pwr--light form input[type="url"]:focus, .pwr-form.pwr--light form input[type="search"]:focus, .pwr-form.pwr--light form input[type="tel"]:focus, .pwr-form.pwr--light form input[type="color"]:focus, .pwr-form.pwr--light form input[type="file"]:focus, .pwr-form.pwr--light form textarea:focus, .pwr-form.pwr--light form select:focus { border-color: #e40694; } .pwr-form.pwr--light form input[type="text"], .pwr-form.pwr--light form input[type="password"], .pwr-form.pwr--light form input[type="datetime"], .pwr-form.pwr--light form input[type="datetime-local"], .pwr-form.pwr--light form input[type="date"], .pwr-form.pwr--light form input[type="month"], .pwr-form.pwr--light form input[type="time"], .pwr-form.pwr--light form input[type="week"], .pwr-form.pwr--light form input[type="number"], .pwr-form.pwr--light form input[type="email"], .pwr-form.pwr--light form input[type="url"], .pwr-form.pwr--light form input[type="search"], .pwr-form.pwr--light form input[type="tel"], .pwr-form.pwr--light form input[type="color"], .pwr-form.pwr--light form input[type="file"], .pwr-form.pwr--light form textarea, .pwr-form.pwr--light form select { background-color: transparent; border-color: rgba(23, 27, 37, 1.0); border-width: 0 0 2px; } /* Checkboxes and Radio Buttons */ [type="checkbox"] + span:before { background-color: rgba(23, 27, 37,.05) !important; } .pwr--dark [type="checkbox"] + span:before, .pwr-form.pwr--dark [type="checkbox"] + span:before { background-color: rgba(255, 255, 255,.05) !important; } .pwr--dark [type="checkbox"]:checked + span:before, .pwr-form.pwr--dark [type="checkbox"]:checked + span:before { background-color: rgba(255, 255, 255,1) !important; } .pwr-form.pwr--light [type="checkbox"] + span:before { background-color: rgba(23, 27, 37,.05) !important; } [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after { background-color: rgba(23, 27, 37,.05) !important; } .pwr--dark [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after { background-color: rgba(255, 255, 255,.05) !important; } .pwr--dark [type="radio"]:checked + span:after, .pwr-form.pwr--dark [type="radio"]:checked + span:after { background-color: rgba(255, 255, 255,1) !important; } .pwr-form.pwr--light [type="radio"] + span:after{ background-color: rgba(23, 27, 37,.05) !important; } /* NO Glassmorphism */ @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form input[type="file"], form textarea, form select, .pwr--dark form input[type="text"], .pwr--dark form input[type="password"], .pwr--dark form input[type="datetime"], .pwr--dark form input[type="datetime-local"], .pwr--dark form input[type="date"], .pwr--dark form input[type="month"], .pwr--dark form input[type="time"], .pwr--dark form input[type="week"], .pwr--dark form input[type="number"], .pwr--dark form input[type="email"], .pwr--dark form input[type="url"], .pwr--dark form input[type="search"], .pwr--dark form input[type="tel"], .pwr--dark form input[type="color"], .pwr--dark form input[type="file"], .pwr--dark form textarea, .pwr--dark form select, .pwr-form.pwr--light form input[type="text"], .pwr-form.pwr--light form input[type="password"], .pwr-form.pwr--light form input[type="datetime"], .pwr-form.pwr--light form input[type="datetime-local"], .pwr-form.pwr--light form input[type="date"], .pwr-form.pwr--light form input[type="month"], .pwr-form.pwr--light form input[type="time"], .pwr-form.pwr--light form input[type="week"], .pwr-form.pwr--light form input[type="number"], .pwr-form.pwr--light form input[type="email"], .pwr-form.pwr--light form input[type="url"], .pwr-form.pwr--light form input[type="search"], .pwr-form.pwr--light form input[type="tel"], .pwr-form.pwr--light form input[type="color"], .pwr-form.pwr--light form input[type="file"], .pwr-form.pwr--light form textarea, .pwr-form.pwr--light form select { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: none; } /* Checkboxes and Radio Buttons */ [type="checkbox"] + span:before, .pwr--dark [type="checkbox"] + span:before, .pwr-form.pwr--dark [type="checkbox"] + span:before, .pwr-form.pwr--light [type="checkbox"] + span:before, [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after, .pwr--dark [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after, .pwr-form.pwr--light [type="radio"] + span:after { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: none; } .pwr--dark [type="checkbox"]:checked + span:before, .pwr-form.pwr--dark [type="checkbox"]:checked + span:before { background-color: none !important; } .pwr--dark [type="radio"]:checked + span:after, .pwr-form.pwr--dark [type="radio"]:checked + span:after { background-color: none !important; } } /* ========================================================================== */ /* Section Form #mod-frm */ /* NO Glassmorphism */ @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-sec-form__form-wrapper--hor-boxed .pwr-form, .pwr-sec-form__form-wrapper--hor-boxed .pwr-form.pwr--light{ -webkit-backdrop-filter: none; backdrop-filter: none; background-color: none; } } /* ========================================================================== */ /* System - Email Backup Unsubscribe #sys-ebu */ .pwr-email-unsub #email-prefs-form .email-edit { padding: 20px 0 !important; } /* ========================================================================== */ /* System - Password Prompt #sys-pp */ .pwr-password-prompt #hs-pwd-widget-password { background-color: transparent; border-color: #171B25; border-radius: 0 !important; border-style: solid; border-width: 0 0 2px; padding: 20px 0 !important; } /* ========================================================================== */ /* System - Search Results #mod-ss */ #pwr-search-results__input { padding: 15px 52px 15px 0; } @media (max-width: 767px) { body .hs-form-field > label { font-size: var(--fs-form-label-tablet); letter-spacing: var(--ls-form-label-tablet); } body .hs-field-desc { font-size: var(--fs-form-help-tablet); letter-spacing: var(--ls-form-help-tablet); } body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select, [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span, [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { font-size: var(--fs-form-input-tablet); letter-spacing: var(--ls-form-input-tablet); } body form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs { font-size: var(--fs-form-error-tablet); letter-spacing: var(--ls-form-error-tablet); } .legal-consent-container, .legal-consent-container p, .legal-consent-container [type="checkbox"]:checked + span, .legal-consent-container [type="checkbox"]:not(:checked) + span, .legal-consent-container [type="radio"]:checked + span, .legal-consent-container [type="radio"]:not(:checked) + span, .legal-consent-container [type="checkbox"]:checked + span p, .legal-consent-container [type="checkbox"]:not(:checked) + span p, .legal-consent-container [type="radio"]:checked + span p, .legal-consent-container [type="radio"]:not(:checked) + span p { font-size: var(--fs-form-legal-consent-tablet); letter-spacing: var(--ls-form-legal-consent-tablet); } } @media (max-width: 575px) { body .hs-form-field > label { font-size: var(--fs-form-label-mobile); letter-spacing: var(--ls-form-label-mobile); } body .hs-field-desc { font-size: var(--fs-form-help-mobile); letter-spacing: var(--ls-form-help-mobile); } body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select, [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span, [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { font-size: var(--fs-form-input-mobile); letter-spacing: var(--ls-form-input-mobile); } body form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs { font-size: var(--fs-form-error-mobile); letter-spacing: var(--ls-form-error-mobile); } .legal-consent-container, .legal-consent-container p, .legal-consent-container [type="checkbox"]:checked + span, .legal-consent-container [type="checkbox"]:not(:checked) + span, .legal-consent-container [type="radio"]:checked + span, .legal-consent-container [type="radio"]:not(:checked) + span, .legal-consent-container [type="checkbox"]:checked + span p, .legal-consent-container [type="checkbox"]:not(:checked) + span p, .legal-consent-container [type="radio"]:checked + span p, .legal-consent-container [type="radio"]:not(:checked) + span p { font-size: var(--fs-form-legal-consent-mobile); letter-spacing: var(--ls-form-legal-consent-mobile); } } /* Hubspot Form Module ========================================================================== */ /* Form Title */ .hs_cos_wrapper_type_form .form-title { background-color: rgba(244, 246, 250, 0.0); color: #171B25; margin-bottom: 20px; padding: 20px 0px; } @media (max-width: 767px) { .hs_cos_wrapper_type_form .form-title { padding: 15px 0; } } @media (max-width: 575px) { .hs_cos_wrapper_type_form .form-title { padding-left: 0px; padding-right: 0px; } } #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form { background-color: rgba(244, 246, 250, 0.0); border: 0px solid rgba(23, 27, 37, 0.0); padding: 0px; } @media (max-width: 575px) { div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form { padding: 0px; } } /* Labels */ div:not(.pwr-form) > .hs_cos_wrapper_type_form .hs-form-field > label { color: #171B25; } /* Fieldsets */ body form.hs-form fieldset { margin-right: -20px; max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 20px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 575px ) { body form.hs-form fieldset { margin-right: 0; } body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* Inputs */ div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="text"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="password"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime-local"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="date"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="month"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="time"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="week"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="number"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="email"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="url"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="search"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="tel"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="color"], div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="file"], div:not(.pwr-form) > .hs_cos_wrapper_type_form textarea, div:not(.pwr-form) > .hs_cos_wrapper_type_form select { border-color: rgba(23, 27, 37, 1.0); } div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="text"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="password"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="date"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="month"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="time"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="week"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="number"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="email"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="url"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="search"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="tel"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="color"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="file"]:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form textarea:focus, div:not(.pwr-form) > .hs_cos_wrapper_type_form select:focus { border-color: #e40694; } /* Error Messages */ div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form ul.inputs-list.hs-error-msgs { color: #F2545B; } /* FORMS */ /* ========================================================================== */ /* ========================================================================== */ /* 8. BLOG #blog */ /* ========================================================================== */ /* ========================================================================== */ /* Featured Post #blog-fp */ .pwr-post-featured { border-radius: 6px; height: 630px; margin: 40px auto; max-width: 1200px; overflow: hidden; position: relative; z-index: 0; } .pwr-post-featured--small { height: 450px; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 160px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 210px; } .pwr-post-featured__info-box { position: absolute; bottom: 90px; left: 40px; right: 40px; } .pwr-post-featured__title { line-height: 1.18em; margin: 10px 0 0; max-width: 600px; text-transform: var(--tt-title); } .pwr-post-featured__desc { line-height: 30px; margin: 25px 0 40px; max-width: 800px; } @media (max-width: 1199px) { .pwr-post-featured { margin-left: 40px; margin-right: 40px; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 125px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 175px; } .pwr-post-featured__info-box { bottom: 80px; } } @media (max-width: 767px ) { .pwr-post-featured { margin-bottom: 38px; } } @media (max-width: 575px) { .pwr-post-featured, .pwr-post-featured--small { border-radius: 0; height: auto !important; min-height: 250px; } .pwr-post-featured { margin-left: 0; margin-right: 0; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 85px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 135px; } .pwr-post-featured__info-box { bottom: auto; margin: 80px 40px 60px; left: 0; position: relative; right: 0; } } /* Featured Post */ /* ========================================================================== */ /* ========================================================================== */ /* Listing #blog-l */ .pwr-blog-listing { background-color: #F4f6FA; padding-top: 50px; position: relative; z-index: 0; } .pwr-blog-listing--author-page { background-color: #FFFFFF; padding-top: 0; } .pwr-blog-listing__content { padding-bottom: 80px; } .pwr-post-item-simple { margin: 0 10px .83em; text-transform: var(--tt-title); } .pwr-post-item { color: #171B25; display: inline-block; height: 480px; float: left; margin: 10px; position: relative; width: calc( 33.33% - 20px ); z-index: 1; } .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } .pwr-post-item--1col { border-bottom: 1px solid rgba(#171B25,.1); height: auto; float: none; margin: 10px 0 45px; width: 100%; max-width: 815px; } .pwr-post-item--1col-centered { display: block; margin: 0 auto 55px; } .pwr-post-item--2col { width: calc( 50% - 20px ); } .pwr-blog-listing:not(.pwr-blog-listing--author-page) .pwr-post-item__content { background-color: #FFFFFF; } .pwr-post-item__img { background-size: cover; background-position: top; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 238px; transition: height 1s ease-in-out; width: 100%; } .pwr-post-item--1col .pwr-post-item__img { background-position: center; border-radius: 6px; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__img { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; height: 100%; } .pwr-post-item__overlay { background-color: #e40694; border-radius: 6px; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform-style: preserve-3d; transition: opacity 1s ease-in-out; width: 100%; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__overlay { opacity: .85; transition: opacity .4s ease-in-out; } .pwr-post-item__info-box { left: 0; padding: 35px 40px 45px; position: absolute; transition: opacity .4s ease-in-out; top: 238px; } .pwr-post-item--1col .pwr-post-item__info-box { padding-left: 0; position: relative; top: 0; } .pwr-post-item__content.pwr--dark .pwr-post-item__name, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__name, .pwr-post-item__content.pwr--dark .pwr-post-item__title, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__title, .pwr-post-item__content.pwr--dark .pwr-post-item__desc, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__desc, .pwr-post-item__content.pwr--dark .pwr-post-item__more-link, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__more-link, .pwr-post-item__content.pwr--dark .pwr-post-item__n-min-read, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__n-min-read, .pwr-post-item__content.pwr--dark .pwr-post-item__date, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__date { color: #FFFFFF; transition: color .4s ease-in-out; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__name, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__title, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__desc, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__more-link, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__n-min-read, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__date { color: #FFFFFF; transition: color .4s ease-in-out; } .pwr-post-item__name, .pwr-post-item__date, .pwr-post-item__title, .pwr-post-item__desc, .pwr-post-item__more-link, .pwr-post-item__n-min-read { transition: color 1s ease-in-out; } .pwr-post-item__name, .pwr-post-item__date { color: #171B25; display: inline-block; font-family: var(--ff-accent); font-size: 13px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; } .pwr-post-item__name + .pwr-post-item__date:before, .pwr-post-item__date + .pwr-post-item__n-min-read:before, .pwr-post-item__name + .pwr-post-item__n-min-read:before { content: "|"; padding: 0 10px 0 8px; } .pwr-post-item__n-min-read { color: #171B25; display: inline-block; font-family: var(--ff-accent); font-size: 13px; font-weight: 500; text-transform: uppercase; padding-bottom: 5px; } .pwr-post-item__title { color: #171B25; text-transform: var(--tt-title); letter-spacing: -.33; } .pwr-post-item__author + .pwr-post-item__title { margin-top: 5px; } .pwr-post-item--1col .pwr-post-item__title { color: #171B25; margin-top: 10px; } .pwr-post-item:not(.pwr-post-item--1col) .pwr-post-item__title { font-size: 20px; } .pwr-post-item__desc { color: #171B25; font-size: 14px; } .pwr-post-item--1col .pwr-post-item__desc { font-size: 16px; /* fallback */ font-size: var(--fs-base); line-height: 1.88em; } .pwr-post-item__desc > p { margin: 0; } .pwr-post-item__title + .pwr-post-item__desc { margin-top: 15px; } .pwr-post-item__more-link { color: #e40694; display: block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; position: relative; text-transform: uppercase; } .pwr-post-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-post-item__title + .pwr-post-item__more-link, .pwr-post-item__desc + .pwr-post-item__more-link { margin-top: 25px; } @media (max-width: 1199px ) { .pwr-sidebar-widget-form .hs-email { width: 60%; } .pwr-sidebar-widget-form .hs_submit { width: 40%; } } @media (max-width: 991px ) { .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } .pwr-blog-listing__sidebar { display: none; } .pwr-blog-listing__posts--sidebar { width: 100%; } .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-post-item--1col .pwr-post-item__desc { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); } .pwr-blog-listing__content .pwr--neg-margin-lr-10, .pwr-post-item:not(.pwr-post-item--1col), .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { margin-left: 0; margin-right: 0; width: 100%; } } @media (max-width: 575px ) { .pwr-post-item--1col .pwr-post-item__desc { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } } /* Listing */ /* ========================================================================== */ /* ========================================================================== */ /* Listing Filter #blog-lf */ /* */ /* Also used in modules with filters, like Image Boxes */ /* */ .pwr-filter { padding: 30px 0; position: relative; } .pwr-filter--margin { margin-bottom: 60px; } .pwr-filter__list { margin: 0; padding: 0; } .pwr-filter__list-item { display: inline-block; list-style: none; padding: 5px 20px 5px 0; text-transform: uppercase ; } .pwr-filter__list-item:last-child { padding-right: 0; } .pwr-filter__link { color: #171B25; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; transition: color .4s ease-in-out; } .pwr--dark .pwr-filter__link, .pwr-filter.pwr--dark .pwr-filter__link { color: #FFFFFF; } .pwr--light .pwr-filter__link, .pwr-filter.pwr--light .pwr-filter__link { color: #171B25; } .pwr-filter .pwr-filter__link:hover, .pwr-filter .pwr-filter__link.active { color: #e40694; } .pwr-filter__dropdown { width: calc( 33.33% - 10px ); } .pwr--align-c .pwr-filter__dropdown { margin: 0 auto; } .pwr-filter__dropdown select { font-size: 13px; font-weight: 700; text-transform: uppercase; } .pwr-filter__dropdown--mobile { display: none; } @media (max-width: 991px) { .pwr-filter__dropdown { width: calc( 50% - 10px ); } } @media (max-width: 767px) { .pwr-filter__dropdown { width: 100%; } } @media (max-width: 575px) { .pwr-filter__dropdown--mobile { display: block; } .pwr-filter__list { display: none; } } /* Listing Filter */ /* ========================================================================== */ /* ========================================================================== */ /* Post #blog-po */ .pwr-post-body { background-color: #F4f6FA; font-family: var(--ff-post-body); overflow: hidden; padding-top: 60px; } .pwr-post-social { margin: 0 auto; max-width: 795px; padding: 10px 0 25px; } @media (min-width: 990px ) { .pwr-post-social.pwr-post-social--is-float { height: 0; padding: 0; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements { left: -95px; position: absolute; width: 80px; top: 10px; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn { margin-bottom: 10px; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn:hover { -webkit-transform: translateX(4px); transform: translateX(4px); } } .pwr-post-content { margin: 0 auto; max-width: 795px; padding-bottom: 100px; } .pwr-post-content, .pwr-post-content p { font-size: 18px; /* fallback */ font-size: var(--fs-post-body); font-weight: var(--fw-post-body); line-height: var(--lh-post-body); letter-spacing: var(--ls-post-body); } .pwr-post-content > .hs_cos_wrapper > *:first-child { margin-top: 0; } .pwr-post-content img { border-radius: 6px; } #pwr-progress-bar { background-color: transparent; bottom:0; border: none; color: #e40694; height:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; left:0; position:fixed; width:100%; z-index: 500; } #pwr-progress-bar::-webkit-progress-bar { background-color: transparent; } #pwr-progress-bar::-webkit-progress-value { background: #e40694; } #pwr-progress-bar::-moz-progress-bar { background: #e40694; } @media (max-width: 991px ) { .pwr-post-content, .pwr-post-social { margin: 0 40px; } } @media (max-width: 767px) { .pwr-post-content, .pwr-post-content p { font-size: var(--fs-post-body-tablet); line-height: var(--lh-post-body-tablet); letter-spacing: var(--ls-post-body-tablet); } .pwr-post-row--margin-b { margin: 0; } .pwr-post-item { margin-bottom: 30px; } } @media (max-width: 575px) { .pwr-post-content, .pwr-post-content p { font-size: var(--fs-post-body-mobile); line-height: var(--lh-post-body-mobile); letter-spacing: var(--ls-post-body-mobile); } } /* Post */ /* ========================================================================== */ /* ========================================================================== */ /* Post Header #blog-ph */ .pwr-post-header { background-color: transparent; /*word-break: break-word;*/ } .pwr-post-header__overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: .4; position: absolute; top: 0; width: 100%; } .pwr--dark .pwr-post-header__overlay { background-color: #171B25; } .pwr-post-header__info-box { position: absolute; bottom: 75px; width: cacl(100% - 160px); } .pwr-post-header__title { font-family: var(--ff-h1); font-size: 54px; font-weight: 700; margin: 10px 0 0; line-height: 1.18em; text-transform: var(--tt-title); } .pwr-post-header__title--reduced { font-size: 32px; } .pwr-post-header.pwr--dark .pwr-post-item__name, .pwr-post-header.pwr--dark .pwr-post-item__date, .pwr-post-header.pwr--dark .pwr-post-item__n-min-read, .pwr-post-featured.pwr--dark .pwr-post-item__name, .pwr-post-featured.pwr--dark .pwr-post-item__date, .pwr-post-featured.pwr--dark .pwr-post-item__n-min-read { color: #FFFFFF; } @media (min-width: 1200px) { .pwr-post-header__info-box.page-center { left: 80px; right: 80px; } } @media (max-width: 1199px) { .pwr-post-header__info-box { width: calc( 100% - 80px); } } @media (max-width: 767px) { .pwr-post-header__title { font-size: 41px; } .pwr-post-header__title--reduced { font-size: 24px; } } @media (max-width: 575px) { .pwr-hero .pwr-post-header__info-box.page-center { bottom: auto; margin-bottom: 60px; margin-top: 80px; position: relative; } .pwr-hero--transparent-header.pwr-hero .pwr-post-header__info-box { margin-top: 120px; } .pwr-hero--transparent-header-full.pwr-hero .pwr-post-header__info-box { margin-top: 180px; } } /* Post Header */ /* ========================================================================== */ /* ========================================================================== */ /* Author #blog-a */ /* Site */ .pwr-author-posts-title { color: #171B25; margin: 130px 0 50px; text-transform: var(--tt-title); } /* Section */ .pwr-avatar { height: 160px; margin-top: 10px; width: 160px; } .pwr-avatar--valign { display: table-cell; padding-top: 0; vertical-align: middle; } .pwr-avatar__round { border-radius: 999px; overflow: hidden; } .pwr-avatar__small { width: 70px; height: 70px; } .pwr-avatar__large { height: 290px; padding: 0; width: 290px; } .pwr-avatar__img { height: auto; width: 100%; } .pwr-author-profile { background-color: #FFFFFF; border-radius: 6px; display: table; padding: 60px 60px 50px; } .pwr-author-profile .pwr-avatar__round { background-color: #F4f6FA; } .pwr-author-profile--author-page .pwr-avatar__round { background-color: #FFFFFF; } .pwr-author-profile--author-page { background-color: transparent; padding: 90px 0; } .pwr-author-profile__info { display: table-cell; padding-left: 60px; vertical-align: middle; } .pwr-author-profile__name { color: #171B25; margin: 0 0 20px; text-transform: uppercase; } .pwr-author-profile__bio { display: inline-block; font-size: 16px; /* fallback */ font-size: var(--fs-base); margin: 0 0 20px; line-height: 2.25em; } .pwr-author-profile__social { font-size: 20px; } .pwr-social__header { padding: 0 6px; } @media (max-width: 767px) { .pwr-author-profile__bio { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); } .pwr-author-profile { text-align: center; } .pwr-author-profile__info { padding-left: 0; } .pwr-author-profile__social { margin-left: 0; } .pwr-author-profile__social .pwr-social-icon:first-child { padding-left: .7em; } .pwr-author-profile__social .pwr-social-icon:last-child { padding-right: .7em; } .pwr-avatar { margin-bottom: 40px; } .pwr-avatar, .pwr-author-profile, .pwr-author-profile__info { display: inline-block; } } @media (max-width: 575px) { .pwr-author-profile__bio { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } } /* Author */ /* ========================================================================== */ /* ========================================================================== */ /* Pagination #blog-pag */ .pwr-blog-pagination { padding-bottom: 140px; text-align: center; } .pwr-blog-pagination--1col.page-center.pwr--align-l { max-width: 815px; } .pwr-blog-pagination #pwr-btn-load-more { margin-top: 40px; } .pwr-blog-pagination__btn { background-color: #FFFFFF; border-radius: 6px; color: #e40694; display: inline-block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; margin: 0 10px; padding: 20px 26px; text-transform: uppercase; } .pwr-blog-pagination__btn:hover, .pwr-blog-pagination__btn:focus { color: #e40694; } .pwr-blog-pagination__btn--disabled { cursor: default; opacity: .5; } .pwr-blog-pagination__btn--disabled:hover, .pwr-blog-pagination__btn--disabled:focus { color: #e40694; } /* Pagination */ /* ========================================================================== */ /* ========================================================================== */ /* Comments #blog-c */ .pwr-post-comments .hs_submit .hs-button { margin-top: 0; padding: 15px 31px; } #comments-listing { margin-bottom: 40px; } .comment, .comment.depth-0 { border: 0; margin: 10px 0; padding: 15px 0; } .comment-date { color: #171B25; float: right; font-family: var(--ff-accent); font-size: 12px; font-weight: 700; text-align: right; text-transform: uppercase; } .comment-from h4 { font-size: 19px; margin: 0; line-height: 1.6em; text-transform: uppercase; } .comment-from h4 a { color: #171B25; } .comment-body { font-size: 16px; /* fallback */ font-size: var(--fs-base); line-height: 2em; } .comment-body p { margin: .25em 0 .5em; } .hs-button.comment-reply-to { background: none; color: #e40694; cursor: pointer; font-family: var(--ff-btn); font-size: 12px; font-weight: 700; padding: 0; text-transform: uppercase; } .replying { padding-left: 0; } .replying-to { display: block; font-family: var(--ff-accent); font-size: 24px; font-weight: 700; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; text-transform: uppercase; } @media (max-width: 767px) { .comment-body { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); } } @media (max-width: 575px) { .comment-body { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } } /* Comments */ /* ========================================================================== */ /* ========================================================================== */ /* 9. SYSTEM #sys */ /* ========================================================================== */ /* ========================================================================== */ /* System - Email Backup Unsubscribe #sys-ebu */ .pwr-email-unsub { overflow: hidden; padding: 65px 0 115px; position: relative; z-index: 0; } .pwr-email-unsub .page-header, .pwr-email-unsub #content { max-width: 770px; } .pwr-email-unsub .page-header > h1 { display: none; } .pwr-email-unsub #email-prefs-form #content > h3 { font-family: var(--ff-h3); font-size: 34px; font-weight: 700 !important; margin-bottom: 35px; margin-top: 0; } .pwr-email-unsub #email-prefs-form .email-edit { font-size: 19px !important; max-width: 750px !important; } .pwr-email-unsub #submitbutton { margin-top: 50px; } @media (max-width: 767px ) { .pwr-email-unsub { padding: 49px 0 87px; } .pwr-email-unsub #email-prefs-form #content > h3 { font-size: 26px; margin-bottom: 27px; } .pwr-email-unsub #email-prefs-form .email-edit { font-size: 15px !important; } .pwr-email-unsub #email-prefs-form .email-edit { padding: 10px 0 !important; } .pwr-email-unsub #submitbutton { margin-top: 38px; } } /* System - Email Backup Unsubscribe */ /* ========================================================================== */ /* ========================================================================== */ /* System - Email Subscription Preferences #sys-esp */ .pwr-email-prefs { overflow: hidden; padding: 85px 0 115px; position: relative; z-index: 0; } #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } .pwr-email-prefs #email-prefs-form { margin: 0 auto; max-width: 790px; } .pwr-email-prefs #email-prefs-form .page-header { padding-bottom: 45px; } .pwr-email-prefs #email-prefs-form .page-header h1, .pwr-email-prefs #email-prefs-form #content > .header { display: none; } .pwr-email-prefs #email-prefs-form .page-header h2 { font-size: 34px; margin: 0; } .pwr-email-prefs #email-prefs-form .page-header p { margin: 0 0 30px; } .pwr-email-prefs .email-prefs .item { position: relative; } .pwr-email-prefs .email-prefs .item .item-inner { background-color: #FFFFFF; border-radius: 6px; border: 0; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; } .pwr-email-prefs .email-prefs .item .item-inner.hovered { box-shadow: none; } .pwr-email-prefs .email-prefs .item .item-inner * { color: #171B25; margin-bottom: 1px; margin-top: 7px; padding-top: 1px; } .pwr-email-prefs .email-prefs .item .checkbox-row { padding-left: 80px; } .pwr-email-prefs .subscribe-options label { margin-left: 0; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { font-family: var(--ff-accent); font-size: 19px; font-weight: 700; } .pwr-email-prefs .subscribe-options > p { margin-left: 0; } .pwr-email-prefs .email-prefs .item .item-inner p { margin: 0 20px 20px 131px } .pwr-email-prefs .email-prefs .item .item-inner p:before { background-color: #171B25; content: ''; height: 83px; left: 126px; opacity: .1; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 1px; } .pwr-email-prefs #submitbutton { margin-top: 20px; } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner { background-color: rgba(255, 255, 255,.075); } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner * { color: #FFFFFF; } @media (min-width: 768px ) { .pwr-email-prefs .email-prefs .item .item-inner { padding-left: 43px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span { position: inherit; } .pwr-email-prefs .email-prefs .item [type="checkbox"] + span:before { left: 50px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after{ left: 57px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 123px; } } @media (max-width: 767px ) { .pwr-email-prefs { padding: 64px 0 87px; } .pwr-email-prefs #email-prefs-form .page-header { padding-bottom: 34px; } .pwr-email-prefs #email-prefs-form .page-header h2 { font-size: 26px; word-break: break-word; } .pwr-email-prefs #email-prefs-form .page-header p { margin-bottom: 23px; } .pwr-email-prefs .email-prefs .item .item-inner p:before { display: none; } .pwr-email-prefs .email-prefs .item .item-inner { padding-left: 15px; } .pwr-email-prefs .email-prefs .item .item-inner p { margin-left: 6px; } .pwr-email-prefs .email-prefs .item .checkbox-row { padding-left: 5px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { font-size: 15px; } } /* System - Email Subscription Preferences */ /* ========================================================================== */ /* ========================================================================== */ /* System - Email Subscriptions Update Confirmation #sys-suc */ .pwr-email-confirmation { overflow: hidden; padding: 85px 0 105px; position: relative; z-index: 0; } .pwr-email-confirmation .page-header { padding-bottom: 55px; } .pwr-email-confirmation .page-header, .pwr-email-confirmation #content { max-width: 770px; } .pwr-email-confirmation .page-header > h1 { display: none; } .pwr-email-confirmation .page-header h2, .pwr-email-confirmation #content { font-family: var(--ff-h2); font-size: 34px; font-weight: 700; } .pwr-email-confirmation .page-header h2 { margin: 0; } .pwr-email-confirmation .page-header > span { line-height: 1.88em; } .pwr-email-confirmation #content { color: #e40694; line-height: 1.3em; } @media (max-width: 767px ) { .pwr-email-confirmation { padding: 64px 0 79px; } .pwr-email-confirmation .page-header { padding-bottom: 42px; } .pwr-email-confirmation .page-header h2, .pwr-email-confirmation #content { font-size: 26px; word-break: break-word; } } /* System - Email Subscriptions Update Confirmation */ /* ========================================================================== */ /* ========================================================================== */ /* System - Password Prompt #sys-pp */ .pwr-password-prompt { overflow: hidden; padding: 80px 0 100px; position: relative; z-index: 0; } .pwr-password-prompt__desc { font-family: var(--ff-accent); font-size: 34px; font-weight: 700; margin: 0 0 50px; max-width: 770px; line-height: 1.35em; } .pwr-password-prompt span > span { color: #F2545B; display: block; font-size: 19px; margin-bottom: 35px; } .pwr-password-prompt #hs-pwd-widget-password { box-shadow: none; color: #171B25; height: auto; font-family: var(--ff-form-input); font-size: 16px; /* fallback */ font-size: var(--fs-form-input); font-weight: var(--fw-form-input); letter-spacing: var(--ls-form-input); margin-bottom: 45px; max-width: 770px; width: 100%; } .pwr-password-prompt #hs-pwd-widget-password:focus { border-color: #e40694; } body .pwr-password-prompt input[type="submit"].hs-button { border-radius: 6px !important; display: block; margin: 0; } @media (max-width: 767px ) { .pwr-password-prompt { padding: 60px 0 75px; } .pwr-password-prompt__desc { font-size: 26px; margin-bottom: 38px; } .pwr-password-prompt span > span { font-size: 15px; } .pwr-password-prompt #hs-pwd-widget-password { font-size: var(--fs-form-input-tablet) !important; letter-spacing: var(--ls-form-input-tablet); } } @media (max-width: 575px ) { .pwr-password-prompt #hs-pwd-widget-password { font-size: var(--fs-form-input-mobile) !important; letter-spacing: var(--ls-form-input-mobile); } } /* System - Password Prompt */ /* ========================================================================== */ /* ========================================================================== */ /* System - 404 and 500 #sys-404 */ .pwr-sec-maintenance-error { overflow: hidden; padding: 125px 0 140px; position: relative; z-index: 0; } .pwr-sec-maintenance-error__title-intro { display: block; font-size: 18px; /* fallback */ font-size: var(--fs-intro-title-sec); line-height: 1.6em; } .pwr-sec-maintenance-error__title { margin: 0; line-height: 1.14em; } .pwr-sec-maintenance-error__desc { display: block; font-size: 26px; } .pwr-sec-maintenance-error__title + .pwr-sec-maintenance-error__desc { margin-top: 20px; } .pwr-sec-maintenance-error__img { display: block; position: relative; } .pwr-sec-maintenance-error__img--top { margin-bottom: 90px; } .pwr-sec-maintenance-error__img--bottom { margin-top: 90px; } .pwr-sec-maintenance-error__img--centered { margin-left: auto; margin-right: auto; } .pwr-sec-maintenance-error__img--full-width { height: auto; width: 100%; } .pwr-sec-maintenance-error__cta-container { margin-top: 70px; } @media (max-width: 1199px ) { .pwr-sec-maintenance-error__img-wrapper:not(.pwr-sec-maintenance-error__img-wrapper--img-full-width):not(.page-center) { margin-left: 40px; margin-right: 40px; } } @media (max-width: 767px ) { .pwr-sec-maintenance-error { padding: 94px 0 105px; } .pwr-sec-maintenance-error__title-intro { font-size: var(--fs-intro-title-sec-tablet); letter-spacing: var(--ls-intro-title-sec-tablet); line-height: var(--lh-intro-title-sec-tablet); } .pwr-sec-maintenance-error__desc { font-size: 20px; } .pwr-sec-maintenance-error__img--top { margin-bottom: 68px; } .pwr-sec-maintenance-error__img--bottom { margin-top: 68px; } .pwr-sec-maintenance-error__cta-container { margin-top: 53px; } } @media (max-width: 575px ) { .pwr-sec-maintenance-error__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-maintenance-error__title { font-size: 30px; } .pwr-sec-maintenance-error__desc { font-size: 15px; } .pwr-sec-maintenance-error__img { height: auto; } } /* System - 404 and 500 */ /* ========================================================================== */ /* ========================================================================== */ /* 10. SECTION MODULES #mod */ /* ========================================================================== */ /* ========================================================================== */ /* System - Search Results #mod-ss */ .pwr-sec-search-results { overflow: hidden; padding: 80px 0 100px; position: relative; z-index: 0; } #pwr-search-results__input { font-size: 18px; font-weight: 500; } .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%); transition: all .4s ease; top: 50%; } .pwr-search-field__icon:hover svg { fill: #e40694; } .hs-search-field+.pwr-search-results .pwr-search-results__listing>li:first-child { margin-top: 60px; } .hs-search-results__listing, .pwr-search-results__listing { margin: 0; padding: 0; list-style: none; } .hs-search-results__listing li, .pwr-search-results__listing li { margin: 0; padding: 0; } .hs-search-results__listing li:not(:last-of-type), .pwr-search-results__listing li:not(:last-of-type) { margin-bottom: 20px; } .hs-search-results__listing li, .pwr-search-results__entry { background-color: #FFFFFF; display: inline-block; padding: 30px 40px; transition: background .4s ease-in-out; width: 100%; } .hs-search-results__listing li { background-color: #F4f6FA; } .pwr-search-results__entry:hover { background-color: #e40694; } .hs-search-results__listing .hs-search-results__title, .pwr-search-results__title { color: #171B25; margin: 0; } .hs-search-results__listing .hs-search-results__featured-image > img, .pwr-search-results__img { max-width: 200px; float: left; margin-right: 40px; } .hs-search-results__listing .hs-search-results__description, .pwr-search-results__description { color: #171B25; margin: 10px 0 0; } .hs-search-results__listing .hs-search-results__title, .hs-search-highlight { color: #e40694; font-weight: 700; } .hs-search__no-results { margin-top: 40px; } .hs-search-results__title, .hs-search-results__description, .pwr-search-results__title, .pwr-search-results__description, .hs-search-highlight { transition: color .4s ease-in-out; } .pwr-search-results__entry:hover .pwr-search-results__title, .pwr-search-results__entry:hover .pwr-search-results__description, .pwr-search-results__entry:hover .hs-search-highlight { color: #FFFFFF; } .hs-search-results__prev-page, .hs-search-results__next-page, .pwr-search-results__prev-page, .pwr-search-results__next-page { margin-top: 50px; } .hs-search-results__prev-page, .pwr-search-results__prev-page { float: left; } .hs-search-results__next-page, .pwr-search-results__next-page { float: right; } .pwr--dark .hs-search-results__listing li { background-color: #282B34; } .pwr--dark .hs-search-results__title, .pwr--dark .hs-search-results__description, .pwr--dark .pwr-search-results__title, .pwr--dark .pwr-search-results__description, .pwr--dark .hs-search-highlight { color: #FFFFFF; } .pwr--dark .pwr-search-field__icon:not(:hover) svg { fill: #FFFFFF; } .pwr--dark .hs-search-highlight { box-shadow: inset 0 -0.382em 0 #e40694; } @media (max-width: 767px ) { .pwr-sec-search-results { padding: 60px 0 75px; } #pwr-search-results__input { font-size: 15px; } .hs-search-results__prev-page, .hs-search-results__next-page, .pwr-search-results__prev-page, .pwr-search-results__next-page { margin-top: 38px; } } @media (max-width: 575px ){ .hs-search-results__listing .hs-search-results__featured-image > img, .pwr-search-results__img { float: none; margin-bottom: 25px; } } /* ========================================================================== */ /* Standalone - Coming Soon #mod-cs */ .pwr-sec-coming-soon { overflow: hidden; padding: 125px 0 140px; position: relative; z-index: 0; } .pwr-sec-coming-soon__title-intro { display: block; font-size: 18px; /* fallback */ font-size: var(--fs-intro-title-sec); line-height: 1.6em; } .pwr-sec-coming-soon__title { margin: 0; line-height: 1.14em; } .pwr-sec-coming-soon__desc { display: block; font-size: 26px; } .pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc { margin-top: 20px; } .pwr-sec-coming-soon__form-title { margin: 0 0 45px; } .pwr-sec-coming-soon__form { margin-top: 70px; } .pwr-countdown { background-color: rgba(255, 255, 255, .85); border-radius: 6px; font-size: 0; /* fix for child inline-block spaces */ margin-top: 70px; padding: 70px 0 40px; width: 100%; } .pwr--dark .pwr-countdown { background-color: rgba(23, 27, 37, .85); color: #FFFFFF; } .pwr-countdown__element { display: inline-block; margin: 0 5% 30px; width: 15%; } .pwr-countdown__number { color: #e40694; font-family: var(--ff-accent); font-size: 120px; font-weight: 700; line-height: 1.1em; } .pwr--dark .pwr-countdown__number { color: #FFFFFF; } .pwr-countdown__desc { font-size: 30px; font-weight: 500; padding: 0 5px; } @media (max-width: 991px ) { .pwr-countdown__number { font-size: 90px; } } @media (max-width: 767px ) { .pwr-sec-coming-soon { padding: 94px 0 105px; } .pwr-sec-coming-soon__title-intro { font-size: var(--fs-intro-title-sec-tablet); letter-spacing: var(--ls-intro-title-sec-tablet); line-height: var(--lh-intro-title-sec-tablet); } .pwr-sec-coming-soon__desc { font-size: 20px; } .pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc { margin-top: 15px; } .pwr-sec-coming-soon__form-title { margin-bottom: 34px; } .pwr-sec-coming-soon__form { margin-top: 53px; } .pwr-countdown { margin-top: 53px; padding: 72px 0 53px; } .pwr-countdown__element { margin: 0 10% 30px; width: 30%; } .pwr-countdown__desc { font-size: 23px; } } @media (max-width: 575px ) { .pwr-sec-coming-soon__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-countdown { padding: 30px 0; } .pwr-countdown__number { font-size: 60px; } .pwr-countdown__desc { font-size: 18px; } } /* ========================================================================== */ /* Standalone - Previous Next Navigation #mod-pnn */ .pwr-sec-prev-next-nav { background-color: #F4f6FA; padding: 25px 0; position: relative; } .pwr-sec-prev-next-nav.pwr--dark { background-color: #171B25; } .pwr-prev-next-nav__container { float: left; min-height: 1px; width: 33.33%; } .pwr-prev-next-nav__link { color: #171B25; display: inline-block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; position: relative; text-transform: uppercase; transition: color .4s ease-in-out; } .pwr--dark .pwr-prev-next-nav__link { color: #FFFFFF; } .pwr-prev-next-nav__link:hover, .pwr--dark .pwr-prev-next-nav__link:hover { color: #e40694; } .pwr-prev-next-nav__icon { display: inline-block; font-size: 20px; fill: currentColor; } .pwr-prev-next-nav__icon svg { transition: none !important; } .pwr-prev-next-nav__left .pwr-prev-next-nav__text { display: block; padding-left: 40px; } .pwr-prev-next-nav__left .pwr-prev-next-nav__icon, .pwr-prev-next-nav__right .pwr-prev-next-nav__icon { position: absolute; top: 2px; } .pwr-prev-next-nav__left .pwr-prev-next-nav__icon { left: 0; } .pwr-prev-next-nav__middle .pwr-prev-next-nav__icon { font-size: 12px; } .pwr-prev-next-nav__right .pwr-prev-next-nav__link { float: right; } .pwr-prev-next-nav__right .pwr-prev-next-nav__text { display: block; padding-right: 40px; } .pwr-prev-next-nav__right .pwr-prev-next-nav__icon { right: 0; } @media (max-width: 575px ) { .pwr-prev-next-nav__left .pwr-prev-next-nav__text, .pwr-prev-next-nav__right .pwr-prev-next-nav__text { margin-top: 30px; padding: 0; } } /* ========================================================================== */ /* Standalone - Text with TOC #mod-twtoc */ .pwr-sec-txt-toc { overflow: hidden; padding: 80px 0 135px; position: relative; } .pwr-toc__container, .pwr-toc__content { position: relative; } @media (min-width: 992px) { .pwr-toc__content--indent { margin-left: 30%; } } .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__content h6:not(.pwr--toc-ignore)::before { display: block; content: " "; height: 50px; margin-top: -50px; visibility: hidden; } .pwr-toc__container--fixed-header .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h6:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h6:not(.pwr--toc-ignore)::before { height: 140px; margin-top: -140px; } .pwr-toc-menu { color: rgba(23, 27, 37, .45); font-size: 18px; font-weight: 500; max-height: 80vh; max-width: 360px; position: absolute; top: 30px; width: 30%; z-index: 90; } .pwr--dark .pwr-toc-menu { color: rgba(255, 255, 255, .45); } .pwr-toc-menu .pwr-toc-menu__toc-list { max-height: 80vh; overflow-y: scroll; padding-bottom: 40px; } .pwr-toc-menu .toc-list { list-style: none; overflow-y: scroll; padding-left: 20px; } .pwr-toc-menu .pwr-toc-menu__toc-list, .pwr-toc-menu .toc-list, .pwr-toc-menu .toc-list-item { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .pwr-toc-menu .pwr-toc-menu__toc-list::-webkit-scrollbar, .pwr-toc-menu .toc-list::-webkit-scrollbar, .pwr-toc-menu .toc-list-item::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .pwr-toc-menu .toc-link { display: inline-block; padding: 12px 20px; transition: 0.2s ease-in-out; } .pwr-toc-menu .toc-link::before { background-color: #F4f6FA; } .pwr-toc-menu .is-active-link { color: #e40694; font-weight: 700; } .pwr-toc-menu .is-active-link::before { background-color: #e40694; content: ' '; display: inline-block; height: inherit; left: 0; max-height: 30px; position: absolute; width: 2px; z-index: 1; } .pwr-toc__container--fixed-header .pwr-toc-menu:not(.pwr-toc-menu--overlay) { top: 120px; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 70px; } .pwr-toc-menu--overlay { background-color: #FFFFFF; border-top-right-radius: 6px; border-bottom-right-radius: 6px; display: none; font-size: 15px; font-weight: 500; left: 0px; max-width: 100%; overflow: hidden; position: fixed; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .pwr--dark .pwr-toc-menu--overlay { background-color: #171B25; box-shadow: -2px 4px 10px rgba(0,0,0,0.3); } .pwr--light .pwr-toc-menu--overlay { background-color: #FFFFFF; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } .pwr-toc-menu--overlay.pwr-toc-menu--minimized { background-color: transparent; box-shadow: none; } .pwr-toc-menu--overlay-right { border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; left: auto; right: 0; } .pwr-toc-menu--overlay { transform: translateY(-50%) translateZ(100px); } .pwr-toc-menu--overlay .toc-link { padding: 8px; } .pwr--dark .pwr-toc-menu--overlay .toc-link:after { background-color: #282B34; } .pwr--light .pwr-toc-menu--overlay .toc-link:after { background-color: #F4f6FA; } .pwr--dark .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #FFFFFF; } .pwr--light .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #171B25; } .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { max-height: calc( 60vh - 70px); overflow-y: scroll; padding: 40px 50px; } .pwr-toc-menu--overlay .toc-list { overflow-y: unset; } .pwr-toc-menu--minimized .pwr-toc-menu__toc-list { display: none; } .pwr-toc-menu__header { background-color: #e40694; color: #FFFFFF; display: none; margin: 0; padding: 20px 80px 20px 50px; position: relative; } .pwr-toc-menu__header:after { content: ""; color: #FFFFFF; display: block; position: absolute; transition: all 0.5s ease-in-out; top: 50%; right: 34px; width: 10px; height: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -4px) rotate(-135deg); transform: translate(0, -4px) rotate(-135deg); box-shadow: inset -2px 2px 0 1px; } .pwr-toc-menu--overlay-right .pwr-toc-menu__header:after { -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); } .pwr-toc-menu--overlay .pwr-toc-menu__header { display: block; } .pwr-toc-menu--minimized .pwr-toc-menu__header { display: none; } .pwr-toc-menu__burger { background-color: #e40694; display: none; height: 70px; position: relative; width: 70px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { display: block; background: #FFFFFF; height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; } .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { content: ' '; } .pwr-toc-menu__burger span { top: 50%; } .pwr-toc-menu__burger:before { top: 25px; } .pwr-toc-menu__burger:after { bottom: 22px; } .pwr-toc-menu--minimized .pwr-toc-menu__burger { display: block; } @media (max-width: 991px ) { .pwr-toc-menu__burger { height: 30px; width: 30px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { height: 2px; width: 12px; } .pwr-toc-menu__burger:before { top: 20px; } .pwr-toc-menu__burger:after { bottom: 18px; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 40px; } } /* ========================================================================== */ /* Nav - Pillar Page TOC #mod-pptoc */ .pwr-pillar-toc { overflow: hidden; padding: 105px 0 120px; position: relative; } .pwr-pillar-toc--hide { height: 0; margin: 0; padding: 0; } .body-container-wrapper.pwr-toc__content--narrow-content .page-center { max-width: 1000px; } .pwr-pillar-toc__intro-sec { margin-bottom: 40px; position: relative; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place { color: #171B25; font-size: 16px; /* fallback */ font-size: var(--fs-base); font-weight: 700; max-height: 100%; max-width: 100%; position: relative; top: 0; width: 100%; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .pwr-toc-menu__toc-list { max-height: 100%; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .pwr-toc-menu__toc-list > .toc-list { padding-left: 0; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-list-item { padding-bottom: 5px; } .pwr-pillar-toc__menu .toc-link { transition: 0.2s ease-in-out; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link { padding: 5px 2px; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link:hover { color: #e40694 !important; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link { color: initial; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link:after, .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link:before { display: none; font-weight: inherit; } @media (max-width: 767px) { .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); font-weight: 700; } } @media (max-width: 575px) { .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } } /* ========================================================================== */ /* Nav - Sticky Sub Menu #mod-ssm */ .pwr-sticky-sub-menu { overflow: hidden; padding: 12px 0; position: relative; z-index: 0; } .pwr-sticky-sub-menu:not(.pwr-sticky-sub-menu--mobile-open).scroll { position: fixed; width: 100%; z-index: 999; } .pwr-sticky-sub-menu.pwr-sticky-sub-menu--has-shadow:not(.pwr-sticky-sub-menu--mobile-open).scroll { box-shadow: -2px 3px 5px rgba(0,0,0,0.1); } .pwr-sticky-sub-menu--placeholder { display: none; } .pwr-sticky-sub-menu--placeholder.scroll { display: block; } .pwr-sticky-sub-menu__content-wrapper, .pwr-sticky-sub-menu__content { z-index: 1; } .pwr-sticky-sub-menu__content { overflow: hidden; } .pwr-sticky-sub-menu__link-container { font-size: 14px; margin-left: -2em; margin-right: -2em; } .pwr-sticky-sub-menu__content--full-width .pwr-sticky-sub-menu__link-container { margin-left: 0px; margin-right: 0px; } .pwr-sticky-sub-menu__link-container::-webkit-scrollbar { display: none; } .pwr-sticky-sub-menu__link-list { display: inline-block; } .pwr-sticky-sub-menu__link-wrapper { display: inline-block; } .pwr-sticky-sub-menu__link, .pwr-sticky-sub-menu__link--external { color: #171B25; font-family: var(--ff-accent); display: inline-block; margin: 5px 2em; text-transform: uppercase; line-height: 1.15em; opacity: .7; transition: color .4s ease-in-out, opacity .4s ease-in-out; } .pwr-sticky-sub-menu__link:hover, .pwr-sticky-sub-menu__link--external:hover, .pwr--dark .pwr-sticky-sub-menu__link:hover, .pwr--dark .pwr-sticky-sub-menu__link--external:hover, .pwr-sticky-sub-menu__link--active { color: #e40694 !important; opacity: 1; } .pwr-sticky-sub-menu__link--active { opacity: 1; } .pwr--dark .pwr-sticky-sub-menu__link, .pwr--dark .pwr-sticky-sub-menu__link--external { color: #FFFFFF; } .pwr-sticky-sub-menu__progress-bar { background-color: transparent; bottom: 0; border: none; color: #e40694; -webkit-appearance: none; -moz-appearance: none; appearance: none; left: 0; position: absolute; width: 100%; z-index: 0; } .pwr-sticky-sub-menu__progress-bar::-webkit-progress-bar { background-color: transparent; } .pwr-sticky-sub-menu__progress-bar::-webkit-progress-value { background-color: #e40694; } .pwr-sticky-sub-menu__progress-bar::-moz-progress-bar { background-color: #e40694; } @media (min-width: 768px ) { .pwr-sticky-sub-menu__link-container { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; white-space: nowrap; } .pwr-anchor--sticky-sub-menu { margin-top: -55px; } .pwr-anchor--sticky-sub-menu::before { display: block; content: " "; height: 55px; margin-top: -55px; visibility: hidden; } .pwr-anchor--fixed-header.pwr-anchor--sticky-sub-menu { margin-top: -85px; } .pwr-anchor--fixed-header.pwr-anchor--sticky-sub-menu::before { display: block; content: " "; height: 140px; margin-top: -140px; visibility: hidden; } } @media (max-width: 767px ) { .pwr-sticky-sub-menu { bottom: 0px; height: auto !important; left: 0px; padding: 0; position: fixed; right: 0px; top: auto !important; z-index: 999; } .pwr-sticky-sub-menu:not(.pwr-sticky-sub-menu--mobile-open) { background-color: transparent !important; } .pwr-sticky-sub-menu--mobile-open { padding: 30px 0; text-align: center; } .pwr-sticky-sub-menu--placeholder { display: none; } .pwr-sticky-sub-menu__link-container { display: none; } .pwr-sticky-sub-menu--mobile-open .pwr-sticky-sub-menu__link-container, .pwr-sticky-sub-menu__link-wrapper { display: block; } .pwr-sticky-sub-menu--mobile-open .pwr-sticky-sub-menu__link, .pwr-sticky-sub-menu--mobile-open .pwr-sticky-sub-menu__link--external { display: block; font-size: 20px; padding: .5em .75em; } .pwr-sticky-sub-menu__progress-bar { height: 5px !important; } .pwr-sticky-sub-menu__btn { background-color: #282B34; border-radius: 6px; display: inline-block; height: 44px; padding: 10px; position: fixed; transition: background-color .2s ease-in-out; width: 44px; z-index: 1001; } .pwr-sticky-sub-menu__btn--bottom-right { right: 10px; } .pwr-sticky-sub-menu__btn--bottom-left { left: 10px; } .pwr-sticky-sub-menu__btn--hs-chat-active { bottom: 85px; right: 24px; } .pwr-sticky-sub-menu__btn--open { background-color: #e40694; } .pwr-sticky-sub-menu__btn--icon-open { height: 14px; margin: 0 auto; opacity: 1; position: relative; top: 50%; transform: translateY(-50%); transition: opacity .2s ease-in-out; width: 20px; } .pwr-sticky-sub-menu__btn--open .pwr-sticky-sub-menu__btn--icon-open { opacity: 0; } .pwr-sticky-sub-menu__btn--icon-open span, .pwr-sticky-sub-menu__btn--icon-open:before, .pwr-sticky-sub-menu__btn--icon-open:after { display: block; background-color: #FFFFFF; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr-sticky-sub-menu__btn--icon-open:before, .pwr-sticky-sub-menu__btn--icon-open:after { content: ' '; } .pwr-sticky-sub-menu__btn--icon-open span { top: 50%; } .pwr-sticky-sub-menu__btn--icon-open:before { top: 1px; } .pwr-sticky-sub-menu__btn--icon-open:after { bottom: 0px; } .pwr-sticky-sub-menu__btn--icon-close { left: 22px; opacity: 0; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 21px; } .pwr-sticky-sub-menu__btn--open .pwr-sticky-sub-menu__btn--icon-close { opacity: 1; } .pwr-sticky-sub-menu__btn--icon-close::before, .pwr-sticky-sub-menu__btn--icon-close::after { background-color: #FFFFFF; content: ""; position: absolute; transition: background .4s ease-in-out; } .pwr-sticky-sub-menu__btn--icon-close::before { left: -9px; width: 20px; height: 2px; } .pwr-sticky-sub-menu__btn--icon-close::after { top: -9px; width: 2px; height: 20px; } } /* ========================================================================== */ /* 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--transparent-header.pwr-hero--full-height { height: 100vh; } .pwr-hero--transparent-header.pwr-hero--large { height: 805px; } .pwr-hero--transparent-header.pwr-hero--regular { height: 615px; } .pwr-hero--transparent-header.pwr-hero--small { height: 525px; } .pwr-hero--transparent-header.pwr-hero--x-small { height: 430px; } .pwr-hero--transparent-header-full.pwr-hero--full-height { height: 100vh; } .pwr-hero--transparent-header-full.pwr-hero--large { height: 855px; } .pwr-hero--transparent-header-full.pwr-hero--regular { height: 655px; } .pwr-hero--transparent-header-full.pwr-hero--small { height: 575px; } .pwr-hero--transparent-header-full.pwr-hero--x-small { height: 480px; } .pwr-hero--nontransparent-top-header-transparent-header{ height: calc( 100vh - 57px ) !important; } .pwr-hero--nontransparent-top-header-nontransparent-header{ height: calc( 100vh - 142px ); } .pwr-hero__info-box { position: absolute; bottom: 120px; width: 100%; } .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; } .pwr-hero--transparent-header .pwr-hero__info-box--vertical-center { padding-top: 85px; } .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-center, .pwr-hero--nontransparent-top-header-transparent-header .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: #171B25; } .pwr--dark .pwr-hero__title { color: #FFFFFF; } .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-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; } @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: 54px; letter-spacing: 0; } .pwr-hero__basic-info, .pwr-hero__desc--larger { font-size: 23px; } .pwr-hero__desc { font-size: 15px; } } @media (max-width: 575px) { .pwr-hero:not(.pwr-hero--full-height) { height: auto !important; min-height: 250px; } .pwr-hero__bg-img { position: absolute; } .pwr-hero--full-height, .pwr-hero--nontransparent-top-header-nontransparent-header { height: calc( 100vh - 85px ); } .pwr-hero--transparent-header.pwr-hero--full-height, .pwr-hero--nontransparent-top-header-transparent-header { height: 100vh; } .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-center, .pwr-hero--nontransparent-top-header-transparent-header .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; } .pwr-hero--transparent-header.pwr-hero .pwr-hero__info-box { margin-top: 120px; } .pwr-hero--transparent-header-full.pwr-hero .pwr-hero__info-box { margin-top: 180px; } .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; } .pwr-hero--transparent-header .pwr-hero__info-box--vertical-top { top: 165px; } .pwr-hero--transparent-header-full .pwr-hero__info-box--vertical-top { top: 222px; } } @media (min-width: 576px) { .pwr-hero .pwr-shape-divider__offset-wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } /* ========================================================================== */ /* Section Hero - Slider */ .pwr-hero .swiper{ background-color: transparent; height: 100%; } .swiper-wrapper{ transition-timing-function: ease-in-out; } .swiper-wrapper--continuous{ transition-timing-function: linear; } :root { --swiper-navigation-size: 32px !important; } .pwr--dark .pwr--light .pwr-hero__title { color: #171B25; } .swiper-button-prev, .swiper-button-next { transition: 0.4s color ease; } .pwr--light .swiper-button-prev, .pwr--light .swiper-button-next { color: #171B25; } .pwr--dark .swiper-button-prev, .pwr--dark .swiper-button-next { color: #FFFFFF; } .swiper-pagination-bullet-active, .swiper-pagination-bullet { transition: 0.4s background-color ease; } .pwr--light .swiper-pagination-bullet-active, .pwr--light .swiper-pagination-bullet { background-color: #171B25; } .pwr--dark .swiper-pagination-bullet-active, .pwr--dark .swiper-pagination-bullet { background-color: #FFFFFF; } /* ========================================================================== */ /* Section Accordion #mod-a */ .pwr-sec-accordion { overflow: hidden; padding: 135px 0 120px; position: relative; z-index: 0; } .pwr-sec-accordion__intro-sec { margin-bottom: 60px; position: relative; } .pwr-accordion-container { background-color: transparent; } .pwr-accordion { border-radius: 6px; margin-bottom: 20px; width: 100%; } /* Text Only */ .pwr-accordion--text-only { background: transparent; border-bottom: 2px solid rgba(23, 27, 37,.15); border-radius: 0px; } .pwr--dark .pwr-accordion--text-only { background: transparent; border-color: rgba(255, 255, 255,.15); } .pwr-accordion--text-only .pwr-accordion__icon { right: 10px; } .pwr-accordion--text-only .pwr-accordion__title { padding-top: 16px; padding-bottom: 16px; } .pwr-accordion--text-only .pwr-accordion__title, .pwr-accordion--text-only .pwr-accordion__desc { padding-left: 0; } .pwr-accordion--text-only .pwr-accordion__desc { padding-bottom: 16px; } /* Text Only Active */ .pwr-accordion--text-only.active { border-color: #e40694; } .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__title, .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__desc { background-color: transparent !important; color: #171B25 !important; } .pwr--dark .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__title, .pwr--dark .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__desc { color: #FFFFFF !important; } .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__icon::before, .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__icon::after { background-color: #171B25; } .pwr--dark .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__icon::before, .pwr--dark .pwr-accordion.active.pwr-accordion--text-only .pwr-accordion__icon::after { background-color: #FFFFFF; } /* Boxed Glass */ .pwr-accordion--box-glass { background-color: rgba(255, 255, 255,.30); } .pwr--dark .pwr-accordion--box-glass { background-color: rgba(23, 27, 37,.30) } .pwr-accordion-container:not(.pwr--dark) .pwr-accordion--box-border { background: transparent; border: 2px solid #171B25; } .pwr--dark .pwr-accordion-container:not(.pwr--light) .pwr-accordion--box-border, .pwr-accordion-container.pwr--dark .pwr-accordion--box-border { background: transparent; border: 2px solid #FFFFFF; } /* Boxed Glass Active */ .pwr-accordion-container:not(.pwr--dark) .pwr-accordion--box-border.active { border: 2px solid #e40694; } .pwr--dark .pwr-accordion-container:not(.pwr--light) .pwr-accordion--box-border.active, .pwr-accordion-container.pwr--dark .pwr-accordion--box-border.active { border: 2px solid #e40694; } .pwr-accordion--color-overwritten:not(.pwr-accordion--text-only) { background-color: transparent !important; } .pwr-accordion__title { cursor: pointer; display: block; font-family: var(--ff-accent); font-weight: 700; padding: 25px 70px 25px 30px; position: relative; text-transform: var(--tt-title); transition: all .4s ease-in-out; } .pwr--light .pwr-accordion__title { color: #171B25; } .pwr--dark .pwr-accordion__title { color: #FFFFFF; } .pwr-accordion-container.pwr--light .pwr-accordion__title { background-color: #FFFFFF; color: #171B25; } .pwr-accordion-container.pwr--dark .pwr-accordion__title { background-color: #171B25; color: #FFFFFF; } .pwr-accordion.active .pwr-accordion__title { background-color: #e40694 !important; color: #FFFFFF !important; } .pwr-accordion__icon { position: absolute; right: 40px; top: 50%; } .pwr-accordion__icon::before, .pwr-accordion__icon::after { position: absolute; content: ""; transition: all .4s ease; } .pwr--light .pwr-accordion__icon::before, .pwr--light .pwr-accordion__icon::after, .pwr-accordion-container.pwr--light .pwr-accordion__icon::before, .pwr-accordion-container.pwr--light .pwr-accordion__icon::after { background-color: #171B25; } .pwr--dark .pwr-accordion__icon::before, .pwr--dark .pwr-accordion__icon::after, .pwr-accordion-container.pwr--dark .pwr-accordion__icon::before, .pwr-accordion-container.pwr--dark .pwr-accordion__icon::after { background-color: #FFFFFF; } .pwr-accordion.active .pwr-accordion__icon::before, .pwr-accordion.active .pwr-accordion__icon::after { background-color: #FFFFFF; } .pwr-accordion__icon::before { left: -6px; width: 15px; height: 3px; } .pwr-accordion__icon::after { top: -6px; width: 3px; height: 15px; } .pwr-accordion__icon.active::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all .4s ease; } .pwr-accordion__icon.active::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all .4s ease; } .pwr-accordion__desc { background-color: #e40694; color: #FFFFFF; display: none; padding: 0 30px 30px; overflow: hidden; } .pwr-accordion.active .pwr-accordion__desc { background-color: #e40694 !important; color: #FFFFFF !important; } .pwr-accordion.active .pwr-accordion__desc a { color: #FFFFFF; font-weight: 700; } .pwr-accordion-container.pwr--light .pwr-accordion__desc { background-color: #FFFFFF; color: #171B25; } .pwr-accordion-container.pwr--dark .pwr-accordion__desc { background-color: #171B25; color: #FFFFFF; } @media (hover: hover) { .pwr-accordion:hover .pwr-accordion__title { background-color: #e40694 !important; color: #FFFFFF; } .pwr-accordion:hover .pwr-accordion__icon::before, .pwr-accordion:hover .pwr-accordion__icon::after { background-color: #FFFFFF; } /* Box Border */ .pwr-accordion:hover.pwr-accordion--box-border { border: 2px solid #e40694 !important; } /* Text Only */ .pwr-accordion:hover.pwr-accordion--text-only{ background: transparent; border-color: #e40694; } .pwr-accordion:hover.pwr-accordion--text-only .pwr-accordion__title { background: transparent !important; color: inherit; } .pwr-accordion:hover.pwr-accordion--text-only .pwr-accordion__icon::before, .pwr-accordion:hover.pwr-accordion--text-only .pwr-accordion__icon::after { background-color: #171B25; } .pwr--dark .pwr-accordion:hover.pwr-accordion--text-only .pwr-accordion__icon::before, .pwr--dark .pwr-accordion:hover.pwr-accordion--text-only .pwr-accordion__icon::after { background-color: #FFFFFF; } } @media (max-width: 767px) { .pwr-sec-accordion { padding: 102px 0 90px; } .pwr-sec-accordion__intro-sec { margin-bottom: 45px; } .pwr-accordion__title { padding: 20px 55px 20px 20px; } .pwr-accordion__icon { right: 30px; } .pwr-accordion__icon::before { left: -5px; width: 12px; height: 2px; } .pwr-accordion__icon::after { top: -5px; width: 2px; height: 12px; } .pwr-accordion__desc { padding: 0 20px 20px; } } @media (min-width: 576px) { .pwr-accordion-2col { float: left; max-width: 50%; width: 100%; } .pwr-accordion-2col:first-child { padding-right: 10px; } .pwr-accordion-2col:nth-child(2) { padding-left: 10px; } } /* Boxed Glass */ @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .pwr-accordion--box-glass { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background-color: rgba(255, 255, 255,.15); } .pwr--dark .pwr-accordion--box-glass { background-color: rgba(23, 27, 37,.15) } } /* ========================================================================== */ /* Section Breadcrumbs #mod-br */ .pwr-sec-breadcrumbs { padding: 20px 0; position: relative; } .pwr-sec-breadcrumbs__list { margin: 0; padding: 0; } .pwr-sec-breadcrumbs__list-item { display: inline-block; list-style: none; padding: 5px 30px 5px 0; position: relative; } .pwr-sec-breadcrumbs__list-item:not(:last-child)::after { content: "/"; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: .33; } .pwr-sec-breadcrumbs__link { color: #171B25; font-family: var(--ff-btn); font-size: 13px; transition: color opacity .3s ease-in-out; } .pwr-sec-breadcrumbs__list-item:not(:last-child) .pwr-sec-breadcrumbs__link { opacity: 1; text-decoration: none; } .pwr-sec-breadcrumbs__list-item:last-child .pwr-sec-breadcrumbs__link { font-family: var(--ff-btn); font-weight: 700; } .pwr--dark .pwr-sec-breadcrumbs__link, .pwr-sec-breadcrumbs.pwr--dark .pwr-sec-breadcrumbs__link { color: #FFFFFF; } .pwr--light .pwr-sec-breadcrumbs__link, .pwr-sec-breadcrumbs.pwr--light .pwr-sec-breadcrumbs__link { color: #171B25; } .pwr-sec-breadcrumbs .pwr-sec-breadcrumbs__link:hover { color: #e40694; opacity: 1; } .pwr-sec-breadcrumbs.pwr--primary{ background-color: #e40694; } .pwr-sec-breadcrumbs.pwr--dark.pwr--primary .pwr-sec-breadcrumbs__link:hover { color: #171B25; } .pwr-sec-breadcrumbs.pwr--light.pwr--primary .pwr-sec-breadcrumbs__link:hover { color: #FFFFFF; } /* ========================================================================== */ /* Section Client Logo Slider #mod-cls */ .pwr-sec-clients { padding: 25px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-clients--grid { display: grid; grid-template-rows: repeat(auto-fill , 140px); grid-column-gap: 30px; grid-row-gap: 20px; align-items: center; } .pwr-sec-clients--grid .pwr-sec-clients__logo-img { object-fit: contain; height: 130px; } .pwr-sec-clients--with-intro { padding: 135px 0 75px; } .pwr-sec-clients__intro-sec { margin-bottom: 60px; position: relative; } .pwr-sec-clients__slider .owl-stage-outer { border-radius:6px; overflow: hidden; } .pwr-sec-clients__slider .owl-stage, .pwr-sec-clients__slider .owl-item { display: flex; } .pwr-sec-clients__slider--top .owl-item { align-items: start; align-items: flex-start; /* Browser Compatibility */ } .pwr-sec-clients__slider--center .owl-item { align-items: center; } .pwr-sec-clients__slider--bottom .owl-item { align-items: end; align-items: flex-end; /* Browser Compatibility */ } .pwr-sec-clients__slider img { border-radius: 6px; } .pwr-sec-clients__logo { display: inline-block; max-width: 200px; margin: 0 auto; transition: all 0.4s; } .pwr-sec-clients__logo--grayscale { opacity: .3; -webkit-filter: grayscale(1); filter: grayscale(1); } .pwr--dark .pwr-sec-clients__logo--grayscale { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); } .pwr-sec-clients__logo--grayscale:hover { -webkit-filter: grayscale(0) invert(0); filter: grayscale(0) invert(0); opacity: 1; } @media (max-width: 1199px ) { .pwr-sec-clients__slider { margin: 0 40px; } } @media (max-width: 991px){ .pwr-sec-clients--grid { grid-column-gap: 40px; } } @media (max-width: 767px ) { .pwr-sec-clients--with-intro { padding: 102px 0 57px; } .pwr-sec-clients__intro-sec { margin-bottom: 45px; } } @media (max-width: 575px ) { .pwr-sec-clients__slider { margin: 0 40px; } } /* ========================================================================== */ /* Section Company Values #mod-cv */ .pwr-sec-values { position: relative; z-index: 1; } .pwr-value { color: #171B25; display: inline-block; float: left; position: relative; width: 100%; z-index: 1; } .pwr-sec-values__listing--two-items .pwr-value { max-width: 50%; } .pwr-sec-values__listing--three-items .pwr-value { max-width: 33.333%; } .pwr-value .pwr-3D-box__sensor { border-radius: 0; overflow: initial; } .pwr-value__img { background-size: cover; background-position: center; height: 550px; width: 100%; } .pwr-value__overlay { background-color: #171B25; height: 100%; opacity: .3; position: relative; transform-style: preserve-3d; transition: opacity .4s ease-in-out; width: 100%; } .pwr-value:hover .pwr-value__overlay { background-color: #e40694; opacity: .85; } .pwr-value__front, .pwr-value__back { bottom: 0; color: #FFFFFF; left: 0; padding: 60px; position: absolute; width: 100%; z-index: 1; } .pwr-value__back { color: #FFFFFF; } .pwr-value:hover .pwr-value__back { transition: opacity .4s ease-in-out; } .pwr-value__front, .pwr-value:hover .pwr-value__back { opacity: 1; } .pwr-value:hover .pwr-value__front, .pwr-value__back { opacity: 0; } .pwr-value__title { display: block; margin: 0; } .pwr-value__desc { display: inline-block; } .pwr-value__title + .pwr-value__desc { margin-top: 30px; } @media (max-width: 991px ) { .pwr-sec-values__listing--three-items .pwr-value { max-width: 50%; } } @media (max-width: 767px ) { .pwr-sec-values__listing--two-items .pwr-value, .pwr-sec-values__listing--three-items .pwr-value { max-width: 100%; } .pwr-value__img { height: 500px; } .pwr-value__front, .pwr-value__back { padding: 40px; } .pwr-value__title + .pwr-value__desc { margin-top: 23px; } } /* ========================================================================== */ /* Section CTA #mod-cta */ .pwr-sec-cta { padding: 48px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-cta--vertical { padding: 95px 0; } .pwr-sec-cta--cta-only { padding: 65px 0; } .pwr-sec-cta--dark { background-color: #171B25; color: #FFFFFF; } .pwr-sec-cta--primary { background-color: #e40694; color: #FFFFFF; } .pwr-sec-cta__hor-text-wrapper { max-width: 800px; } .pwr-sec-cta__title { line-height: 1.14em; margin: 0; } .pwr-sec-cta__desc { display: block; font-size: 18px; /* fallback */ font-size: var(--fs-desc-sec); line-height: 1.6em; } .pwr-sec-cta__title + .pwr-sec-cta__desc { margin-top: 15px; } .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical { margin-top: 25px; } .pwr-sec-cta__cta--center { display: contents; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; width: 100%; } .pwr-sec-cta__cta--vertical { margin-top: 40px; } @media (max-width: 991px) { .pwr-sec-cta__cta--right { margin-top: 40px; } .pwr-sec-cta__cta--center .cta_button, .pwr-sec-cta__cta--vertical .cta_button { max-width: 340px; } } @media (min-width: 992px) { .pwr-sec-cta__title:not(.pwr-sec-cta__title--vertical), .pwr-sec-cta__desc:not(.pwr-sec-cta__desc--vertical) { text-align: left; } .pwr-sec-cta__cta--right { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } } @media (max-width: 767px) { .pwr-sec-cta--vertical { padding: 72px 0; } .pwr-sec-cta--cta-only { padding: 49px 0; } .pwr-sec-cta__desc { font-size: var(--fs-desc-sec-tablet); letter-spacing: var(--ls-desc-sec-tablet); line-height: var(--lh-desc-sec-tablet); } .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical { margin-top: 19px; } .pwr-sec-cta__cta--right, .pwr-sec-cta__cta--vertical { margin-top: 30px; } } @media (max-width: 575px) { .pwr-sec-cta__desc { font-size: var(--fs-desc-sec-mobile); letter-spacing: var(--ls-desc-sec-mobile); line-height: var(--lh-desc-sec-mobile); } } /* ========================================================================== */ /* Section Form #mod-frm */ .pwr-sec-form { overflow: hidden; padding: 130px 0 140px; position: relative; z-index: 0; } .pwr-sec-form__content--v-align { display: flex; align-items: center; } .pwr-sec-form__content--narrow { max-width: 800px; } .pwr-sec-form .pwr--align-c .pwr-sec__title { margin: 0 auto; } .pwr-sec-form__intro-sec { position: relative; } .pwr-sec-form__intro-sec--hor, .pwr-sec-form__intro-sec--hor-boxed, .pwr-sec-form__intro-sec--hor-wide, .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { float: left; } .pwr-sec-form__intro-sec--hor { width: 50%; } .pwr-sec-form__intro-sec--hor-boxed { width: 53%; } .pwr-sec-form__intro-sec--hor-wide { width: 60%; } .pwr-sec-form__intro-sec--vertical { margin-bottom: 60px; } .pwr-sec-form__title + .pwr-sec-form__desc { margin-top: 30px; } .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-wide { margin-left: 10%; } .pwr-sec-form__form-wrapper--hor { width: 30%; } .pwr-sec-form__form-wrapper--hor-wide { width: 40%; } .pwr-sec-form__form-wrapper--hor-boxed { margin-left: 7%; width: 40%; } .pwr-sec-form__form-wrapper--hor-boxed .pwr-form, .pwr-sec-form__form-wrapper--hor-boxed .pwr-form.pwr--light{ padding: 40px 30px; border-radius: 6px; background-color: #F4f6FA; } .pwr--dark .pwr-sec-form__form-wrapper--hor-boxed .pwr-form:not(.pwr--light) { background-color: #282B34; } .pwr-sec-form__form-wrapper--hor-boxed .hs-submit { width: 100%; } @media (max-width: 991px ) { .pwr-sec-form__content--v-align { display: block; } .pwr-sec-form__intro-sec { margin-bottom: 60px; } .pwr-sec-form__intro-sec--hor, .pwr-sec-form__intro-sec--hor-boxed, .pwr-sec-form__intro-sec--hor-wide, .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { float: none; width: 100%; } .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { margin-left: 0; } } @media (max-width: 767px ) { .pwr-sec-form { padding: 98px 0 105px; } .pwr-sec-form__intro-sec, .pwr-sec-form__intro-sec--vertical { margin-bottom: 45px; } .pwr-sec-form__title + .pwr-sec-form__desc { margin-top: 23px; } } /* ========================================================================== */ /* Section Guide #mod-gu */ .pwr-sec-guide { padding: 140px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-guide { opacity: 0; transition: none; } .pwr-guide.active { opacity: 1; transition: opacity 0.4s ease-in-out; } .pwr-sec-guide--centered .pwr-guide__inner, .pwr-sec-guide--centered .pwr-guide__question { margin: 0 auto; } .pwr-guide__question + .pwr-guide__desc { margin-top: 30px; } .pwr-guide__desc { 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-guide__back { background-color: transparent; border: 0; display: block; font-weight: 600; margin-top: 32px; opacity: 0.6; padding: 0px; transition: color 0.4s ease-in-out, opacity 0.4s ease-in-out; } .pwr-guide__back:not(.active) { height: 0; margin: 0; opacity: 1; overflow: hidden; pointer-events: none; } .pwr--dark .pwr-guide__back { color: #FFFFFF; } .pwr-guide__back:hover, .pwr-guide__back:focus, .pwr--dark .pwr-guide__back:hover, .pwr--dark .pwr-guide__back:focus { color: #e40694; opacity: 1; outline: 0; } .pwr-sec-guide--centered .pwr-guide__back { margin-left: auto; margin-right: auto; } .pwr-guide__answers { background-color: transparent; margin: 50px -5px -5px; } .pwr-guide__answer--btn, .pwr-guide__answer--btn:disabled, .pwr-guide__answer--link { background-color: #F4f6FA; border: 0px; border-radius: 6px; color: #171B25; display: inline-block; font-size: 1rem; font-weight: 600; line-height: 1.6em; margin: 5px; padding: 14px 28px; transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out; } .pwr--dark .pwr-guide__answer--btn, .pwr--dark .pwr-guide__answer--btn:disabled, .pwr--dark .pwr-guide__answer--link { background-color: #282B34; color: #FFFFFF; } .pwr-guide__answers.pwr--light .pwr-guide__answer--btn, .pwr-guide__answers.pwr--light .pwr-guide__answer--btn:disabled, .pwr-guide__answers.pwr--light .pwr-guide__answer--link { background-color: #F4f6FA; color: #171B25 !important; } .pwr-guide__answer--btn:disabled, .pwr-guide__answer--btn:disabled:hover, .pwr-guide__answer--btn:disabled:focus, .pwr-guide__back:disabled, .pwr-guide__back:disabled:hover, .pwr-guide__back:disabled:focus { background-color: transparent; color: inherit; cursor: default; opacity: 0.5; outline: 0; } .pwr--dark .pwr-guide__answer--btn, .pwr--dark .pwr-guide__answer--link { border: 0px; color: #FFFFFF; } .pwr-guide__answer--btn:hover, .pwr-guide__answer--btn:focus, .pwr-guide__answer--link:hover, .pwr-guide__answer--link:focus { background-color: #e40694; border: 0px; color: #FFFFFF !important; outline: 0; } .pwr-guide__answer--text-only { margin: 16px 0; } @media (max-width: 767px ) { .pwr-guide__desc { font-size: var(--fs-desc-sec-tablet); letter-spacing: var(--ls-desc-sec-tablet); line-height: var(--lh-desc-sec-tablet); } } @media (max-width: 575px ) { .pwr-guide__desc { font-size: var(--fs-desc-sec-mobile); letter-spacing: var(--ls-desc-sec-mobile); line-height: var(--lh-desc-sec-mobile); } } /* ========================================================================== */ /* Section Image Boxes #mod-ib */ .pwr-sec-image-boxes { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-image-boxes--parallax { overflow: hidden; } .pwr-sec-image-boxes__intro-sec { margin-bottom: 60px; max-width: 800px; } .pwr-sec-image-boxes__intro-sec--centered { max-width: 100%; } .pwr-sec-image-boxes__cta .cta_button { position: absolute !important; right: 0; top: 60px !important; } .pwr-sec-image-boxes__cta--no-intro-title .cta_button { top: 15px !important; } .pwr-sec-image-boxes__intro-sec--centered .pwr-sec-image-boxes__cta .cta_button { margin-top: 45px; position: relative !important; top: 0 !important; } .pwr-image-box { border: 0px solid transparent; color: #171B25; display: inline-block; float: left; position: relative; width: 100%; z-index: 1; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin: 10px; } .pwr-image-box__img { background-size: cover; background-position: center; border-radius: 6px; height: 380px; width: 100%; } .pwr-image-box--style-below-2 .pwr-image-box__img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 25% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 50% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img { height: 500px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 380px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 780px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 25%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 50%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 480px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 400px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 800px; } .pwr-image-box__overlay { border-radius: 6px; height: 100%; opacity: 0; position: absolute; transform-style: preserve-3d; transition: opacity .4s ease-in-out; width: 100%; } .pwr-image-box__overlay--front { background-color: #171B25; opacity: .3; } .pwr-image-box:hover .pwr-image-box__overlay { background-color: #e40694; opacity: .85; } .pwr-image-box__front, .pwr-image-box__back { bottom: 0; color: #FFFFFF; left: 0; padding: 50px 40px; position: absolute; width: 100%; z-index: 1; } .pwr-image-box__back { color: #FFFFFF; } .pwr-image-box__below { padding: 30px 10px 35px 0; } .pwr-sec-image-boxes__container--centered .pwr-image-box__below { padding-right: 0; } .pwr-image-box .pwr-image-box__below, .pwr-image-box:hover .pwr-image-box__below { color: #171B25; } .pwr--dark .pwr-image-box .pwr-image-box__below, .pwr--dark .pwr-image-box:hover .pwr-image-box__below{ color: #FFFFFF; } .pwr-image-box--style-below-2 .pwr-image-box__below { border-top-left-radius: 0; border-top-right-radius: 0; padding: 35px 40px; } .pwr-image-box--style-below-1 .pwr-image-box__intro, .pwr-image-box--style-below-2 .pwr-image-box__intro { color: #e40694; } .pwr-image-box:hover .pwr-image-box__back { transition: opacity .4s ease-in-out; } .pwr-image-box__front, .pwr-image-box:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-image-box:hover .pwr-image-box__front, .pwr-image-box__back { opacity: 0; } .pwr-image-box__intro { display: block; font-family: var(--ff-accent); font-size: 18px; font-weight: 700; margin-bottom: 8px; } .pwr-image-box__title { display: block; font-family: var(--ff-accent); font-size: 24px; font-weight: 700; line-height: 1.2em; } .pwr-image-box__desc { display: inline-block; padding-top: 10px; } .pwr-image-box__front--hide { display: none; } .pwr-image-box__more-link { display: block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; height: 0; opacity: 0; overflow: hidden; padding: 20px 0 0 0; text-transform: uppercase; transition: all .4s ease-in-out; } .pwr-image-box__more-link, .pwr-image-box__more-link:hover { color: #FFFFFF; } .pwr-image-box__more-link:hover { overflow: visible; } .pwr-image-box__more-link:not(.pwr-image-box__more-link--centered):hover .pwr-image-box__icon { transform: translateX(4px); } .pwr-image-box__more-link--mobile { display: none; } @media (hover: none) { .pwr-image-box__more-link--mobile { display: block; height: auto; opacity: 1; } .pwr-image-box__more-link--mobile, .pwr-image-box__more-link--mobile:hover { color: #171B25; } .pwr--dark .pwr-image-box__more-link--mobile, .pwr--dark .pwr-image-box__more-link--mobile:hover { color: #FFFFFF; } } .pwr-image-box--is-link:hover .pwr-image-box__more-link { height: auto; opacity: 1; } .pwr-image-box__more-link--centered { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link--centered { padding-top: 0; } .pwr-image-box__icon { display: inline-block; fill: currentColor; padding-left: 10px; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-image-box__icon--no-text { padding-left: 0; font-size: 25px; } .pwr-image-box--smaller .pwr-image-box__back .pwr-image-box__icon--no-text { font-size: 18px; } .pwr-image-box--smaller .pwr-image-box__front, .pwr-image-box--smaller .pwr-image-box__back { padding: 40px 30px; } .pwr-image-box--smaller .pwr-image-box__intro, .pwr-image-box--smaller .pwr-image-box__desc { font-size: 14px; } .pwr-image-box--smaller .pwr-image-box__title { font-size: 20px; } .pwr-image-box--smaller.pwr-image-box--style-below-2 .pwr-image-box__below { padding: 30px; } @media (max-width: 1199px ) { .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 66.66%; } } @media (max-width: 991px ) { .pwr-sec-image-boxes__intro-sec { max-width: 100%; } .pwr-sec-image-boxes__cta .cta_button { margin-top: 34px; position: relative !important; top: 0 !important; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 50% - 20px ) !important; } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 100% - 20px ) !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 50% !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 100% !important; } } @media (max-width: 767px ) { .pwr-sec-image-boxes { padding: 102px 0; } .pwr-sec-image-boxes__container { margin-left: 0; margin-right: 0; } .pwr-image-box__front, .pwr-image-box__back { padding: 38px 30px; } .pwr-image-box__below { padding: 23px 8px 27px 0; } .pwr-image-box__intro { font-size: 15px; } .pwr-image-box__title { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link, .pwr-image-box__more-link--mobile { padding-top: 15px; } .pwr-image-box__more-link--centered { font-size: 15px; } .pwr-image-box__icon--no-text { font-size: 19px; } .pwr-image-box--smaller .pwr-image-box__back .pwr-image-box__icon--no-text { font-size: 15px; } .pwr-image-box--smaller .pwr-image-box__front, .pwr-image-box--smaller .pwr-image-box__back { padding: 30px 23px; } .pwr-image-box--smaller .pwr-image-box__title { font-size: 15px; } .pwr-image-box--style-below-2 .pwr-image-box__below { padding: 27px 30px; } .pwr-image-box--smaller.pwr-image-box--style-below-2 .pwr-image-box__below { padding: 23px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one, .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 100% !important; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin-left: 0; margin-right: 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 380px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 400px; } } /* ========================================================================== */ /* Section Images #mod-i */ .pwr-sec-images { padding: 140px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-images--with-intro { padding-top: 100px; } .pwr-sec-images__intro-sec { margin-bottom: 70px; position: relative; } /* -------------------------------------------- */ /* Image Slider */ .pwr-sec-images__slider .owl-stage-outer { border-radius:6px; overflow: hidden; } .pwr-sec-images__slider img { border-radius: 6px; } .pwr-sec-images__slider .pwr-owl.owl-carousel .owl-dots.disabled { display: block; height: 0; opacity: 0; } .pwr-sec-images__slider .pwr-sec-images__slide { background-repeat: no-repeat; background-size: cover; } .pwr-sec-images--full-width .pwr-sec-images__slide { width:100vw; } .pwr-sec-images--full-width .pwr-owl-nav__prev { left: 0; } .pwr-sec-images--full-width .pwr-owl-nav__next { right: 0; } @media (max-width: 767px) { .pwr-sec-images { padding: 105px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-images--with-intro { padding-top: 75px; } .pwr-sec-images__intro-sec { margin-bottom: 53px; } } /* -------------------------------------------- */ /* Image Comparison Common */ .pwr-sec-images__img-comparison { margin-left: auto; margin-right: auto; } .pwr-sec-images__img-comparison.pwr--light, .pwr-sec-images__img-comparison.pwr--dark { background-color: initial; } .pwr-img-comp__before-img-wrapper { opacity: 1; transition: opacity .4s ease; } .pwr-sec-images:not(.pwr-sec-images--full-width) .pwr-img-comp__before-img-wrapper, .pwr-sec-images:not(.pwr-sec-images--full-width) .pwr-img-comp__after-img-wrapper, .pwr-sec-images:not(.pwr-sec-images--full-width) .pwr-img-comp-slider { border-radius: 6px; overflow: hidden; } .pwr-sec-images__img-comparison--hover .pwr-img-comp__before-img-wrapper, .pwr-sec-images__img-comparison--toggle .pwr-img-comp__before-img-wrapper { width: 100%; position:absolute; height:100%; top:0; left:0; overflow:hidden; z-index:2; } .pwr-img-comp__after-img-wrapper { display:block } .pwr-img-comp__img { max-width: initial; pointer-events: none; width: 100%; } .pwr-img-comp__label { border-radius: 6px; bottom: 10px; display: inline-block; font-size: 13px; font-weight: 600; left: 0px; margin: 0 10px; position: absolute; padding: 2px 10px; z-index: 6; } .pwr-img-comp__label--right { left: initial; right: 0px; z-index: 1; } .pwr--light .pwr-img-comp__label, .pwr-sec-images__img-comparison.pwr--light .pwr-img-comp__label { color: #171B25; background-color: #FFFFFF; } .pwr--dark .pwr-img-comp__label, .pwr-sec-images__img-comparison.pwr--dark .pwr-img-comp__label { color: #FFFFFF; background-color: #171B25; } /* -------------------------------------------- */ /* Image Comparison Slider */ .pwr-img-comp-slider { width:100%; position:relative; overflow:hidden; } .pwr-sec-images__img-comparison--slider .pwr-img-comp__before-img-wrapper { position:absolute; height:100%; width:50%; top:0; left:0; overflow:hidden; z-index:2; } /* Resizer */ .pwr-img-comp-slider__resizer { align-items: center; cursor: grab; display: flex; height: 100%; left: calc(50% - 2px); position: absolute; -ms-touch-action: pan-y; /* Stop vertical scrolling on touch */ touch-action: pan-y; top: 0; width: 4px; z-index: 5; } .pwr-img-comp-slider__resizer.is-resizing { cursor: grabbing; } .pwr-img-comp-slider__resizer:after { align-items: center; border-radius: 50%; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); display: flex; height: 48px; justify-content: center; margin: 0 0 0 -22px; position: absolute; transition: background-color .4s ease, border-color .4s ease; width: 48px; } .pwr--light .pwr-img-comp-slider__resizer, .pwr-sec-images__img-comparison.pwr--light .pwr-img-comp-slider__resizer, .pwr--light .pwr-img-comp-slider__resizer:after, .pwr-sec-images__img-comparison.pwr--light .pwr-img-comp-slider__resizer:after { background-color: #FFFFFF; } .pwr--light .pwr-img-comp-slider__resizer:after, .pwr-sec-images__img-comparison.pwr--light .pwr-img-comp-slider__resizer:after { content: url("data:image/svg+xml,%3Csvg width='24' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23171B25' fill-rule='evenodd'%3E%3Cpath d='m24 5-8 5V0zM0 5l8 5V0z'/%3E%3C/g%3E%3C/svg%3E"); } .pwr--light .pwr-img-comp-slider__resizer:hover:after, .pwr-sec-images__img-comparison.pwr--light .pwr-img-comp-slider__resizer:hover:after { background-color: #171B25; content: url("data:image/svg+xml,%3Csvg width='24' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFFFFF' fill-rule='evenodd'%3E%3Cpath d='m24 5-8 5V0zM0 5l8 5V0z'/%3E%3C/g%3E%3C/svg%3E"); } .pwr--dark .pwr-img-comp-slider__resizer, .pwr--dark .pwr-img-comp-slider__resizer:after, .pwr-sec-images__img-comparison.pwr--dark .pwr-img-comp-slider__resizer, .pwr-sec-images__img-comparison.pwr--dark .pwr-img-comp-slider__resizer:after { background-color: #171B25; } .pwr--dark .pwr-img-comp-slider__resizer:after, .pwr-sec-images__img-comparison.pwr--dark .pwr-img-comp-slider__resizer:after { content: url("data:image/svg+xml,%3Csvg width='24' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFFFFF' fill-rule='evenodd'%3E%3Cpath d='m24 5-8 5V0zM0 5l8 5V0z'/%3E%3C/g%3E%3C/svg%3E"); } .pwr--dark .pwr-img-comp-slider__resizer:hover:after, .pwr-sec-images__img-comparison.pwr--dark .pwr-img-comp-slider__resizer:hover:after { background-color: #FFFFFF; content: url("data:image/svg+xml,%3Csvg width='24' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23171B25' fill-rule='evenodd'%3E%3Cpath d='m24 5-8 5V0zM0 5l8 5V0z'/%3E%3C/g%3E%3C/svg%3E"); } /* -------------------------------------------- */ /* Hover Comparison */ .pwr-sec-images__img-comparison--hover .pwr-img-comp__label--right { left: 10px; right: auto; z-index: 10; } .pwr-img-comp__label--hover-note { right: 10px; left: auto; } .pwr-sec-images__img-comparison--hover .pwr-img-comp__label, .pwr-sec-images__img-comparison--hover .pwr-img-comp__before-img-wrapper { transition: opacity .4s ease-in-out; } .pwr-sec-images__img-comparison--hover .pwr-img-comp__label--right, .pwr-sec-images__img-comparison--hover:hover .pwr-img-comp__before-img-wrapper, .pwr-sec-images__img-comparison--hover:hover .pwr-img-comp__label--hover-note { opacity: 0; } .pwr-sec-images__img-comparison--hover:hover .pwr-img-comp__label--right, .pwr-sec-images__img-comparison--hover .pwr-img-comp__before-img-wrapper { opacity: 1; } /* -------------------------------------------- */ /* Toggle Comparison */ .pwr-sec-images__img-comparison--toggle .pwr-price-toggle { margin-bottom: 40px; } .pwr-sec-images__img-comparison--toggle-active .pwr-price-toggle__switch { background-color: #03CB76; } .pwr-sec-images__img-comparison--toggle-active .pwr-price-toggle__switch:before { right: 0; } .pwr-sec-images__img-comparison--toggle-active .pwr-img-comp__before-img-wrapper { opacity: 0; } /* -------------------------------------------- */ /* Image Hotspots */ .pwr-sec-images__hotspots { margin-left: auto; margin-right: auto; position: relative; } .pwr-sec-images__content-wrapper.page-center .pwr-sec-images__hotspots, .pwr-sec-images__content-wrapper.page-center .pwr-hotspot-img__img { border-radius: 6px; } .pwr-hotspot-img__icon { position: absolute; } .pwr-hotspot-img__icon:hover { cursor: pointer; } .pwr-hotspot-img__icons .pwr-tooltip__icon { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; border-radius: 50%; width: 30px; height: 30px; } .pwr-hotspot-img__icons--anim-pulse .pwr-tooltip__icon { transform: scale(1); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 70% { transform: scale(1.2); } 100% { transform: scale(1); } } .pwr-hotspot-img__icons .pwr-tooltip__text { box-shadow: 0 5px 10px rgb(0 0 0 / 10%); font-size: 14px; margin-left: -5px !important; min-width: 20ch; padding: 20px 16px; } .pwr-hotspot-img__icons .pwr-tooltip__text .pwr-tooltip__arrow { display: none; } .pwr-hotspot-img__icons.pwr--dark { background-color: initial; } .pwr--light .pwr-hotspot-img__icons .pwr-tooltip__icon, .pwr--light.pwr-hotspot-img__icons .pwr-tooltip__icon { background-color: #FFFFFF; color: #171B25; } .pwr--light .pwr-hotspot-img__icons .pwr-tooltip__icon svg path, .pwr--light.pwr-hotspot-img__icons .pwr-tooltip__icon svg path { fill: #171B25; } .pwr--dark .pwr-hotspot-img__icons .pwr-tooltip__icon, .pwr--dark.pwr-hotspot-img__icons .pwr-tooltip__icon { background-color: #171B25; color: #FFFFFF; } .pwr--dark .pwr-hotspot-img__icons .pwr-tooltip__icon svg path, .pwr--dark.pwr-hotspot-img__icons .pwr-tooltip__icon svg path { fill: #FFFFFF; } /* ========================================================================== */ /* Section Map #mod-map */ .pwr-sec-map { overflow: hidden; position: relative; z-index: 0; } :not(.pwr-sec-map__box) > .pwr-sec-map__content { display: table-cell; height: auto; padding: 90px; width: 100%; vertical-align: middle; z-index: 0; } .pwr-sec-map__desc { line-height: 2.25em; } .pwr-sec-map__title + .pwr-sec-map__desc { margin-top: 20px; } .pwr-sec-map__contact { color: #171B25; display: inline-block; float: left; font-size: 18px; padding-bottom: 15px; padding-left: 20px; line-height: 1.88em; width: calc( 100% - 20px ); } .pwr-sec-map__title + .pwr-sec-map__contact-container, .pwr-sec-map__desc + .pwr-sec-map__contact-container { margin-top: 20px; } .pwr--dark .pwr-sec-map__contact { color: #FFFFFF; } .pwr-sec-map__contact-icon { display: inline-block; fill: currentColor; font-size: 18px; float: left; padding-top: 6px; } .pwr-sec-map__cta .cta_button { margin-top: 20px; } .pwr-sec-map__contact-container + .pwr-sec-map__cta .cta_button { margin-top: 40px; } .pwr-sec-map__title + .pwr-form, .pwr-sec-map__desc + .pwr-form { margin-top: 40px; } .pwr-sec-map__cta + .pwr-form, .pwr-sec-map__contact-container + .pwr-form { margin-top: 80px; } .pwr-sec-map .page-center :not(.pwr-sec-split__left):not(.pwr-sec-split__right) > .pwr-sec-map__map { border-radius: 6px; overflow: hidden; position: relative; } .pwr-sec-map__map, .pwr-sec-map__map > iframe { width: 100%; } .pwr-sec-map__map > iframe { height: 100%; float: left; } @media (max-width: 1199px ) { .pwr-sec-map__box, :not(.pwr-sec-map__box) > .pwr-sec-map__content { height: auto !important; } } @media (min-width: 992px ) { .pwr-sec-map__box { border-radius: 6px; max-width: 400px; padding: 40px 50px 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-sec-map__box:not(.pwr--dark) { background-color: #F4f6FA; } .pwr-sec-map__box--left { left: 80px; } .pwr-sec-map__box--right { right: 80px; } } @media (max-width: 991px ) { .pwr-sec-map__box, :not(.pwr-sec-map__box) > .pwr-sec-map__content { display: block; padding: 50px 40px; } .pwr-sec-map__map { height: 400px !important; } } @media (max-width: 767px ) { .pwr-sec-map__contact { font-size: 15px; padding-bottom: 12px; padding-left: 15px; } .pwr-sec-map__title + .pwr-sec-map__desc, .pwr-sec-map__title + .pwr-sec-map__contact-container, .pwr-sec-map__desc + .pwr-sec-map__contact-container { margin-top: 15px; } .pwr-sec-map__contact-icon { font-size: 15px; padding-top: 5px; } .pwr-sec-map__cta .cta_button { margin-top: 15px; } .pwr-sec-map__contact-container + .pwr-sec-map__cta .cta_button { margin-top: 30px; } .pwr-sec-map__title + .pwr-form, .pwr-sec-map__desc + .pwr-form { margin-top: 30px; } .pwr-sec-map__cta + .pwr-form, .pwr-sec-map__contact-container + .pwr-form { margin-top: 60px; } } /* ========================================================================== */ /* Section Media Content Split #mod-mcs */ .pwr-sec-split { overflow: hidden; position: relative; z-index: 0; } .pwr-sec-split__left, .pwr-sec-split__right { overflow: hidden; position: relative; } .pwr-sec-split.pwr--align-c .pwr-sec__title { margin: 0 auto !important; } .pwr-sec-split__img { background-size: cover; background-position: top; width: 100%; } .pwr-sec-split__content { display: table-cell; height: auto; padding: 90px; width: 100%; vertical-align: middle; } .pwr-sec-split__title + .pwr-sec-split__desc { margin-top: 15px; } .pwr-sec-split__testimonial-name { margin-top: 40px; text-transform: uppercase; } .pwr-sec-split__contact{ font-size: 19px; margin-top: 65px; } .pwr-sec-split__contact .pwr-social-icon:hover { color: #e40694; } .pwr-sec-split__logo { margin-top: 40px; } .pwr-sec-split__logo--above { margin-top: 0; margin-bottom: 40px; } .pwr-sec-split__link { color: #e40694; display: block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; margin-top: 40px; position: relative; text-transform: uppercase; transition: color .4s ease-in-out; } .pwr-sec-split__link:hover { color: #171B25; } .pwr--dark .pwr-sec-split__link { color: #e40694; } .pwr--dark .pwr-sec-split__link:hover { color: #FFFFFF; } .pwr-sec-split__link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-sec-split__cta-container { margin-top: 40px; } @media (max-width: 1199px) { .pwr-sec-split__content { height: auto !important; } } @media (min-width: 992px) { .pwr-sec-split__left, .pwr-sec-split__right { float: left; width: 50%; } .pwr-sec-split--invert-cols .pwr-sec-split__left { float: right; order: 1; } .pwr-sec-split--invert-cols .pwr-sec-split__right { order: 0; } } @media (max-width: 991px) { .pwr-sec-split--flipped .pwr--flip-container { display: flex; flex-direction: column-reverse; } } @media (max-width: 767px) { .pwr-sec-split__content { padding: 60px 40px; } .pwr-sec-split__testimonial-name { margin-top: 30px; } .pwr-sec-split__contact{ font-size: 15px; margin-top: 40px; } .pwr-sec-split__logo { margin-top: 30px; } .pwr-sec-split__logo--above { margin-top: 0; margin-bottom: 30px; } .pwr-sec-split__link { margin-top: 30px; } .pwr-sec-split__cta-container { margin-top: 30px; } } @media (max-width: 575px) { .pwr-sec-split > div:not(.page-center) .pwr-sec-split__content { padding: 60px 40px; } } /* ========================================================================== */ /* Section Device Mockup #mod-dm */ .pwr-sec-mockup { padding: 140px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-mockup__content { width: 40%; left: 60%; position: relative; } .pwr-sec-mockup__content--left { left: 0; } .pwr-sec-mockup__cta-container { margin-top: 40px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 20px; } .pwr-sec-mockup__title + .pwr-sec-mockup__form, .pwr-sec-mockup__desc + .pwr-sec-mockup__form { margin-top: 40px; } .pwr-sec-mockup__form .hs-submit { margin-top: 10px; } .pwr-sec-mockup__mockup { width: 55vw; } .pwr-sec-mockup__mockup--not-fw { width: 50%; } .pwr-sec-mockup__mockup--right { float: right; width: 50vw; } .pwr-sec-mockup__mockup-img { max-width: 100vw; width: 100%; } @media (max-width: 991px ) { .pwr-sec-mockup { padding: 105px 0; } .pwr-sec-mockup__mockup--hide-mobile { display: none; } .pwr-sec-mockup--flipped.pwr--flip-container { display: flex; flex-direction: column-reverse; } .pwr-sec-mockup__content { left: 0 !important; text-align: center; width: 100% !important; } .pwr-sec-mockup__cta-container { margin-top: 30px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 15px; } .pwr-sec-mockup__mockup { margin: 50px auto 0; } .pwr-sec-mockup--flipped.pwr--flip-container .pwr-sec-mockup__mockup { margin: 0 auto 50px; } .pwr-sec-mockup__mockup--right { float: none; } .pwr-sec-mockup__mockup--mobile-align-right { margin: 50px 0 0 auto; } .pwr-sec-mockup__mockup--mobile-align-left { margin: 50px auto 0 0; } } @media (min-width: 992px) { .pwr-sec-mockup__content--pos-vert { position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } } @media (max-width: 575px ) { .pwr-sec-mockup__mockup { width: 100% !important; } } /* ========================================================================== */ /* Section Pricing Tables #mod-pt */ .pwr-sec-price-tables { padding: 90px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-price-tables--with-intro { padding: 125px 0 130px; } .pwr-sec-price-tables__intro-sec { margin-bottom: 55px; position: relative; } .pwr-sec-price-tables__title + .pwr-sec-price-tables__desc { margin-top: 20px; } .pwr--align-c .pwr-price-tables--1, .pwr--align-c .pwr-price-tables--2 { display: flex; justify-content: center; } .pwr-price-table { border-radius: 6px; float: left; margin: 55px 10px 10px; overflow: visible; padding: 50px 0 60px; position: relative; width: calc( 33.33% - 20px ); } .pwr--dark .pwr-price-table--opac:not(.pwr--light), .pwr-price-table--opac.pwr--dark { background-color: rgba(23, 27, 37, .85); } .pwr--light .pwr-price-table--opac:not(.pwr--dark), .pwr-price-table--opac.pwr--light { background-color: rgba(255, 255, 255, .85); } .pwr-price-table--highlighted { background-color: #e40694 !important; color: #FFFFFF !important; } .pwr-price-table--opac.pwr-price-table--highlighted { background-color: rgba(228, 6, 148, .85) !important; } .pwr-price-table--highlighted .pwr-price-table-features__icon { color: #FFFFFF; } .pwr-price-table--recommended { border-top-left-radius: 0; border-top-right-radius: 0; } .pwr-price-table__recommended { background-color: #e40694; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #FFFFFF; font-family: var(--ff-accent); font-size: 13px; font-weight: 700; padding: 12px 40px; position: absolute; text-transform: var(--tt-title); top: -44px; width: 100%; } .pwr-price-table__title { margin: 0; padding: 0 40px; word-break: break-word; } .pwr-price-table__title--style-reduced { margin: 0 0 15px; } .pwr-price-table__title--style-full { margin: 0 0 5px; } .pwr-price-table__desc { display: inline-block; padding: 0 40px; } .pwr-price-table__desc--style-reduced { margin-bottom: 40px; } .pwr-price-table__desc--style-full-1 { margin-bottom: 50px; } .pwr-price-table__desc--style-full-2 { margin-bottom: 30px; } .pwr-price-table__price, .pwr-price-table__price--alt { display: inline-block; font-size: 36px; line-height: 1em; padding: 0 40px; } .pwr-price-table__price--style-reduced { margin-bottom: 45px; } .pwr-price-table__price--style-full-1 { margin-bottom: 30px; } .pwr-price-table__price--style-full-2 { margin-bottom: 15px; } .pwr-price-table-features--style-full-1 { margin-bottom: 40px; padding: 0 40px; } .pwr-price-table-features--style-full-2 { margin-bottom: 30px; } .pwr-price-table-features--style-full-2 { background-color: #FFFFFF; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted):not(.pwr--light) .pwr-price-table-features--style-full-2, .pwr-price-table:not(.pwr-price-table--highlighted).pwr--dark .pwr-price-table-features--style-full-2 { background-color: #171B25; } .pwr-price-table--highlighted .pwr-price-table-features--style-full-2 { background-color: #e40694; } .pwr-price-table-features__icon { color: #e40694; display: inline-block; fill: currentColor; padding-right: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-price-table-features__text { display: inline-block; padding-left: 35px; } .pwr-price-table-features__item { position: relative; } .pwr-price-table-features__item--style-full-1:not(:last-child) { margin-bottom: 15px; } .pwr-price-table-features__item--style-full-2 { margin: 0 40px; padding: 15px 0; } .pwr-price-table-features__item--style-full-2:not(:last-child) { border-bottom: 2px solid rgba(228, 6, 148, .1); } .pwr--dark .pwr-price-table-features__item--style-full-2:not(:last-child), .pwr-price-table--highlighted .pwr-price-table-features__item--style-full-2:not(:last-child) { border-bottom: 2px solid rgba(255, 255, 255, .3); } .pwr-price-table-features__item--style-full-1.pwr-price-table-features__item--disabled { opacity: .3; } .pwr-price-table-features__item--style-full-2.pwr-price-table-features__item--disabled { text-decoration: line-through; } .pwr-price-table-features__item--disabled .pwr-price-table-features__icon { color: inherit; } .pwr-price-table__cta, .pwr-price-table__cta--alt { padding: 0 40px; } .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button, .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button:before { color: #FFFFFF !important; } .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button:after { background-color: #FFFFFF !important; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button, .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button:before { color: #171B25 !important; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button:after { background-color: #171B25 !important; } @media (max-width: 1199px ) { .pwr-price-table { width: calc( 50% - 20px ); } /* .pwr-price-table--recommended { padding-top: 0; } .pwr-price-table__recommended { position: relative; top: 0; } .pwr-price-table__recommended + .pwr-price-table__title { margin-top: 40px; }*/ } @media (max-width: 991px ) { .pwr-price-table__title { font-size: 29px; } } @media (max-width: 767px ) { .pwr-sec-price-tables { padding: 68px 0; } .pwr-sec-price-tables--with-intro { padding: 94px 0 98px; } .pwr-sec-price-tables__intro-sec { margin-bottom: 42px; } .pwr-sec-price-tables__title + .pwr-sec-price-tables__desc { margin-top: 15px; } .pwr-price-table { width: 100%; } .pwr-price-tables { flex-direction: column; } .pwr-price-table, .pwr-price-tables.pwr--neg-margin-lr-10 { margin-left: 0; margin-right: 0; } .pwr-price-table__title--style-reduced { margin: 0 0 12px; } .pwr-price-table__desc--style-reduced { margin-bottom: 30px; } .pwr-price-table__desc--style-full-1 { margin-bottom: 38px; } .pwr-price-table__desc--style-full-2 { margin-bottom: 23px; } .pwr-price-table__price, .pwr-price-table__price--alt { font-size: 27px; } .pwr-price-table__price--style-reduced { margin-bottom: 34px; } .pwr-price-table__price--style-full-1 { margin-bottom: 23px; } .pwr-price-table__price--style-full-2 { margin-bottom: 12px; } .pwr-price-table-features--style-full-1 { margin-bottom: 30px; } .pwr-price-table-features--style-full-2 { margin-bottom: 23px; } .pwr-price-table-features__item--style-full-1:not(:last-child) { margin-bottom: 12px; } } /* ========================================================================== */ /* Section Blog Posts Preview #mod-bpp */ .pwr-sec-posts { overflow: hidden; padding: 100px 0 105px; position: relative; z-index: 0; } .pwr-sec-posts__intro-sec { position: relative; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec { margin-bottom: 80px; } .pwr-sec-posts__intro-sec--centered { max-width: 100%; } .pwr-sec-posts__cta--horizontal-layout { margin-top: 40px; } .pwr-rel-post-item { cursor: pointer; display: block; z-index: 1; } .pwr-rel-post-item__title { font-size: 19px; font-weight: 700; letter-spacing: 0px; line-height: 1.5789473684210527em; margin: 10px 0; text-transform: var(--tt-title); transition: all .4s ease-in-out; } .pwr-sec-posts__title + .pwr-sec-posts__desc { margin-top: 20px; } .pwr-sec-posts__desc { max-width: 800px; } .pwr-rel-post-item__more-link { font-family: var(--ff-btn); font-size: 13px; font-weight: 700; opacity: 0; position: relative; text-transform: uppercase; transition: all .4s ease-in-out; } .pwr-rel-post-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-rel-post-item__title, .pwr-rel-post-item__more-link { color: #171B25; } .pwr-rel-post-item__more-link--centered { color: #FFFFFF; font-size: 18px; } .pwr-rel-post-item:hover .pwr-rel-post-item__title { color: #e40694; } .pwr-rel-post-item:hover .pwr-rel-post-item__more-link, .pwr-rel-post-item:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-rel-post-item--large .pwr-post-item__overlay { position: relative; transition: opacity .4s ease-in-out; } .pwr-rel-post-item:hover .pwr-post-item__overlay { opacity: .85; } .pwr-rel-post-item__img { background-position: center; background-size: cover; border-radius: 6px; height: 400px; width: 100%; } .pwr--dark .pwr-rel-post-item__title, .pwr--dark .pwr-rel-post-item__more-link { color: #FFFFFF; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__more-link { color: #e40694; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__title { color: #FFFFFF; } .pwr--dark .pwr-rel-post-item--large:hover .pwr-rel-post-item__more-link { color: #FFFFFF; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large { float: left; width: 48%; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even) { margin-left: 4%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { float: left; margin-left: 2%; width: 23.25%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:first-child { margin-left: 0; } .pwr-sec-posts--small { padding-bottom: 120px; } .pwr-rel-post-item--small { margin-bottom: 20px; max-height: 100px; position: relative; width: 100%; } .pwr-rel-post-item__img--small { display: inline-block; height: 100px; margin-right: 30px; width: 100px; } .pwr-rel-post-item__img-overlay { background-color: #e40694; border-radius: 6px; color: #FFFFFF; font-size: 20px; height: 100%; position: relative; transition: all .4s ease-in-out; opacity: 0; width: 100%; } .pwr-rel-post-item:hover .pwr-rel-post-item__img-overlay { opacity: .8; } .pwr-rel-post-item__overlay-icon { display: inline-block; fill: currentColor; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-rel-post-item__title--small { display: inline; margin: 0; opacity: .5; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr--dark .pwr-rel-post-item__title--small { opacity: 1; } .pwr-rel-post-item:hover .pwr-rel-post-item__title--small { opacity: 1; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__title--small { color: #e40694; } .pwr-sec_posts-item__border { border: 1px solid #171B25; bottom: 0; opacity: .1; position: absolute; left: 130px; width: calc( 100% - 130px ); } .pwr--dark .pwr-sec_posts-item__border { border: 1px solid #FFFFFF; } .pwr-rel-post-item__wrapper--text:hover .pwr-rel-post-item__title--text { color: #171B25; } .pwr-rel-post-item__wrapper--text:hover .pwr-rel-post-item__more-link { color: #e40694; } .pwr-rel-post-item__wrapper--text .pwr-post-item__name, .pwr-rel-post-item__wrapper--text .pwr-post-item__date, .pwr-rel-post-item__wrapper--text .pwr-post-item__n-min-read { color: #e40694; display: inline-block; font-family: var(--ff-accent); font-size: 13px; font-weight: 700; text-transform: uppercase; } .pwr-rel-post-item__wrapper--text .pwr-post-item__n-min-read { font-weight: 500; } .pwr-rel-post-item__title--text { margin: 0 0 15px; } .pwr--dark .pwr-rel-post-item__wrapper--text { color: #FFFFFF; } .pwr-rel-post-item__summary { color: #171B25; font-family: var(--ff-base); font-size: 14px; line-height: 1.6em; } .pwr--dark .pwr-rel-post-item__summary { color: #FFFFFF; } .pwr-rel-post-item__summary p { margin: 0; } @media (hover: none) { .pwr-rel-post-item__wrapper--text .pwr-rel-post-item__more-link { color: #e40694; opacity: 1; } } @media (max-width: 1199px ) { .pwr-sec-posts__intro-sec--small-hor { padding-right: 8%; } .pwr-sec-posts__container--large-hor { padding-left: 8%; } } @media (min-width: 992px ) { .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta .cta_button { position: absolute !important; right: 0; top: 60px !important; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta--no-intro-title .cta_button { top: 15px !important; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec--centered .pwr-sec-posts__cta .cta_button { margin-top: 40px; position: relative !important; top: 0 !important; } .pwr-sec-posts__intro-sec--large-hor, .pwr-sec-posts__container--small-hor { float: left; width: 40%; } .pwr-sec-posts__intro-sec--small-hor, .pwr-sec-posts__container--large-hor { float: left; width: 60%; } .pwr-sec-posts__intro-sec--small-hor { padding-right: 12%; } .pwr-sec-posts__container--large-hor { padding-left: 12%; } .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small { float: left; width: 48%; } .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small:nth-child(even) { margin-left: 4%; } .pwr-rel-post-item__wrapper--text { float: left; margin-right: 6%; width: 27.33%; } } @media (max-width: 991px ) { .pwr-sec-posts__intro-sec { margin-bottom: 80px; max-width: 100%; } .pwr-sec-posts__intro-sec--small-hor { padding-right: 0; } .pwr-sec-posts__container--large-hor { padding-left: 0; } .pwr-sec-posts__cta { margin-top: 40px; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { margin-left: 0; margin-top: 20px; width: 48%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:nth-child(even) { margin-left: 4%; } .pwr-rel-post-item__img:not(.pwr-rel-post-item__img--small) { height: 200px; } .pwr-rel-post-item__title:not(.pwr-rel-post-item__title--text) { margin: 0; } .pwr-rel-post-item__wrapper--text:not(:last-child) .pwr-rel-post-item { margin-bottom: 35px; } } @media (max-width: 767px ) { .pwr-sec-posts { padding: 102px 0 79px; } .pwr-sec-posts__intro-sec, .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec { margin-bottom: 60px; } .pwr-sec-posts__title + .pwr-sec-posts__desc { margin-top: 15px; } .pwr-sec-posts__cta { margin-top: 30px; } .pwr-rel-post-item__img--small { height: 75px; width: 75px; } .pwr-sec_posts-item__border { left: 105px; width: calc( 100% - 105px ); } .pwr-rel-post-item__title--text { margin-bottom: 12px; } } @media (max-width: 575px ) { .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large { margin-top: 20px; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large, .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { float: none; width: 100%; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even), .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:nth-child(even) { margin-left: 0; } .pwr-rel-post-item--small { margin-bottom: 0; margin-top: 20px; max-height: 100%; } .pwr-rel-post-item__img--small { display: block; height: 200px; margin-bottom: 20px; margin-right: 0px; width: 100%; } .pwr-rel-post-item__title--small { display: block; margin: inherit; opacity: 1; position: relative; -webkit-transform: none; transform: none; top: auto; } .pwr-sec_posts-item__border { display: none; } } /* ========================================================================== */ /* Section Schedule #mod-sdl */ .pwr-sec-schedule { padding: 135px 0 140px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-schedule__intro-sec { margin-bottom: 55px; position: relative; } .pwr-schedule-table { margin-top: 20px; position: relative; } .pwr-schedule-row { } .pwr-schedule-row:not(:last-of-type) { border-color: #FFFFFF; border-style: solid; border-width: 0 0 2px; } .pwr--dark .pwr-schedule-row:not(:last-of-type) { border-color: rgba(23, 27, 37, .4); } h3.pwr-schedule-row__title{ font-size: 19px; font-weight: 700; letter-spacing: 0px; line-height: 1.5789473684210527em; } .pwr-schedule-table:before { background-color: #FFFFFF; bottom: 0; content: ''; left: 32%; position: absolute; top: 0; width: 2px; } .pwr--dark .pwr-schedule-table:before, .pwr-schedule-table.pwr--dark:before { background-color: rgba(23, 27, 37, .4); } .pwr-schedule-row__left, .pwr-schedule-row__right { display: block; float: left; padding: 35px 40px; } .pwr-schedule-row__left { width: 32%; } .pwr-schedule-row__right { width: 68%; } .pwr-schedule-row__title { margin: 0 0 6px; } @media (max-width: 767px ) { .pwr-sec-schedule { padding: 102px 0 105px; } .pwr-sec-schedule__intro-sec { margin-bottom: 42px; } } @media (max-width: 767px ) { .pwr-schedule-table:before { display: none; } .pwr-schedule-row:not(:last-of-type) { border-width: 0 0 10px; } .pwr-schedule-row__left, .pwr-schedule-row__right { float: none; width: 100%; } .pwr-schedule-row__left { padding: 20px 20px 0; } .pwr-schedule-row__right { padding: 5px 20px 20px; } .pwr-schedule-row__title { margin: 0; } } /* ========================================================================== */ /* Section Services #mod-svs */ .pwr-sec-services { padding: 135px 0 140px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-services--style-2 { padding-bottom: 110px; } .pwr-services--style-3 { text-align: left; } .pwr-sec-services__intro-sec { margin-bottom: 100px; position: relative; } .pwr-sec-services--style-3 .pwr-sec-services__intro-sec { margin-bottom: 80px; } .pwr-sec-services__title + .pwr-sec-services__desc { margin-top: 30px; } .pwr-services-item { color: #171B25; display: inline-block; float: left; padding: 30px 40px 25px; position: relative; width: 33.33%; } .pwr-services-item__icon { color: #171B25; display: inline-block; fill: currentColor; font-size: 30px; padding-bottom: 20px; } .pwr-services-item__img { margin-top: 5px; max-width: 30px; max-height: 30px; width: 100%; vertical-align: top; } .pwr-services-item__title { display: block; font-family: var(--ff-accent); font-size: 19px; font-weight: 700; margin-bottom: 15px; text-transform: var(--tt-title); transition: color .4s ease-in-out; } .pwr-services-item.pwr-services-item--is-link:hover .pwr-services-item__title { color: #e40694; } .pwr-services-item__desc { color: #171B25; display: inline-block; margin-bottom: 20px; } .pwr-services-item__more-link { color: #171B25; display: block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; opacity: 0; position: relative; text-transform: uppercase; transition: all .4s ease-in-out; } .pwr-services-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-services-item--is-link:hover .pwr-services-item__more-link { opacity: 1; } .pwr--dark .pwr-services-item__icon, .pwr--dark .pwr-services-item__title, .pwr--dark .pwr-services-item__desc, .pwr--dark .pwr-services-item__more-link { color: #FFFFFF; } .pwr-services-box { color: #171B25; display: inline-block; float: left; height: 300px; margin: 10px; position: relative; width: calc( 33.33% - 20px ); } .pwr-services-box .pwr-services-item__title { transition: none; } .pwr-services-box__front, .pwr-services-box__back { padding: 50px 40px; position: absolute; } .pwr-services-box__front { bottom: 0; left: 0; z-index: 1; } .pwr-services-box__front .pwr-services-item__title { margin-bottom: 0; } .pwr-services-box__back { bottom: 0; color: #FFFFFF; left: 0; opacity: 0; transition: all .4s ease-in-out; z-index: 0; } .pwr-services-box__back .pwr-services-item__desc, .pwr-services-box__back .pwr-services-item__more-link { color: #FFFFFF; } .pwr-services-box__inner { background-color: #FFFFFF; height: 100%; } .pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__inner { background-color: #e40694 !important; } .pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__front { opacity: 0; z-index: -1; } .pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__back { opacity: 1; } .pwr-services-item--is-link:not(.pwr-services-box):hover .pwr-services-item__more-link:hover { color: #e40694; } .pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner:not(.pwr--dark) .pwr-services-item__icon { color: #171B25; } .pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner.pwr--dark .pwr-services-item__icon { color: #FFFFFF; } .pwr--dark .pwr-services-box__inner:not(.pwr--dark) .pwr-services-box__front .pwr-services-item__title { color: #FFFFFF; } /* -------------------------------*/ /* Boxes w Links */ .pwr-services--style-4 { margin: -20px -10px -10px; } .pwr-services-box--w-links { height: auto; min-height: 300px; } .pwr-services-box--w-links .pwr-services-box__inner { position: absolute; width: 100%; } .pwr-services-box--w-links .pwr-services-box__front { position: relative; } .pwr--align-c .pwr-services-box--w-links .pwr-services-item__icon, .pwr-services-box--w-links .pwr--align-c .pwr-services-item__icon { margin: 0 auto; } .pwr-services-box--w-links .pwr-services-box__front { display: flex; flex-direction: column; height: 100%; width: 100%; } .pwr-services-box--w-links .pwr-services-sub-services { margin-top: auto; } .pwr-services-sub-services{ display: inline-flex; flex-wrap: wrap; gap: 8px; } .pwr--align-c .pwr-services-sub-services{ justify-content: center; } .pwr-services-box--w-links .pwr-cta { display: inline-block; } .pwr-services-box--w-links .cta_button { font-size: 12px; padding: 5px 8px !important; } .pwr-services-box--w-links .pwr-cta--regular-border .cta_button, .pwr-services-box--w-links .pwr-cta--primary-border .cta_button { padding: 3px 6px !important; } /* END Boxes w Links */ /* -------------------------------*/ @media (hover: none) { .pwr-services-item--is-link:not(.pwr-services-box) .pwr-services-item__more-link { color: #e40694; opacity: 1; } } @media (max-width: 991px) { .pwr-sec-services { padding: 102px 0 105px; } .pwr-sec-services--style-2 { padding-bottom: 83px; } .pwr-sec-services__intro-sec { margin-bottom: 75px; } .pwr-services-item { width: 50%; } .pwr-services-item__icon { font-size: 23px; padding-bottom: 15px; } .pwr-services-item__img { max-width: 23px; max-height: 23px; } .pwr-services-item__title { font-size: 15px; margin-bottom: 12px; } .pwr-services-item__desc { margin-bottom: 15px; } .pwr-services-item__more-link { opacity: 1; } .pwr-services-box { width: calc( 50% - 20px ); } } @media (max-width: 767px) { .pwr-services-item { padding: 20px 0; width: 100%; } .pwr-services-box { width: 100%; margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .pwr-services--style-1 .pwr-services-item { border-right: 1px solid rgba(23, 27, 37, .2); border-bottom: 1px solid rgba(23, 27, 37, .2); } .pwr--dark .pwr-services--style-1 .pwr-services-item { border-right: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); } .pwr-services--style-1 .pwr-services-item:nth-child(3n) { border-right: 0; } .pwr-services--style-1 .pwr-services-item.pwr-services-item--last-row { border-bottom: 0; } .pwr-services--style-2 { text-align: left; } .pwr-services--style-2 .pwr-services-item { padding: 20px 30px 25px 60px; } .pwr-services--style-2 .pwr-services-item__icon { position: absolute; left: 0; top: 15px; } } /* ========================================================================== */ /* Section Simple Listing #mod-sli */ .pwr-sec-simple-list-items { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-simple-list-items--text-style { padding-bottom: 85px; } .pwr-sec-simple-list-items__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-simple-list-items__title + .pwr-sec-simple-list-items__desc { margin-top: 30px; } h2.pwr-simple-list-item__title{ font-size: 19px; font-weight: 700; letter-spacing: 0px; line-height: 1.5789473684210527em; } .pwr-sec-simple-list-items__container { margin-bottom: 30px; } .pwr-simple-list-item { color: #171B25; display: inline-block; float: left; position: relative; } .pwr-simple-list-item.pwr-simple-list-item--text-style { color: #171B25; } .pwr--dark .pwr-simple-list-item, .pwr--dark .pwr-simple-list-item.pwr-simple-list-item--text-style { color: #FFFFFF; } .pwr-simple-list-item--box-style { width: calc( 25% - 20px ); } .pwr-simple-list-item--text-style { width: calc( 50% - 20px ); padding-bottom: 20px; } .pwr-simple-list-item--text-style:not(.pwr-simple-list-item--is-link) { padding-bottom: 60px; } .pwr-simple-list-item__overlay { background-color: #e40694; border-radius: 6px; height: 100%; opacity: 0; position: absolute; transform: translateZ(1px); transform-style: preserve-3d; transition: opacity .4s ease-in-out; width: 100%; } .pwr-simple-list-item--is-link:hover .pwr-simple-list-item__overlay { opacity: .85; } .pwr-simple-list-item__front { bottom: 0; left: 0; padding: 35px 30px; position: absolute; z-index: 1; } .pwr-simple-list-item--box-style .pwr-simple-list-item__front { position: relative; } .pwr-simple-list-item--text-style .pwr-simple-list-item__front { background-color: transparent; } .pwr-simple-list-item__title { margin: 0 0 10px; line-height: 1.3em; } .pwr-simple-list-item__desc { display: inline-block; font-size: 14px; max-width: 530px; line-height: 1.85em; width: 100%; } .pwr-simple-list-item--text-style .pwr-simple-list-item__title, .pwr-simple-list-item--text-style .pwr-simple-list-item__desc { margin-bottom: 15px; } .pwr-simple-list-item__additional-info { font-size: 14px; font-weight: 700; opacity: .4; padding-top: 5px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__additional-info { display: inline-block; padding-right: 20px; } .pwr-simple-list-item__desc + .pwr-simple-list-item__additional-info { padding-top: 15px; } .pwr-simple-list-item__additional-info + .pwr-simple-list-item__title{ margin-top: 10px; } .pwr-simple-list-item__icon { display: inline-block; fill: currentColor; margin-bottom: 2px; vertical-align: middle; } .pwr-simple-list-item__icon--no-text { padding: 0; font-size: 25px; } .pwr-simple-list-item__icon--info { padding-right: 10px; } .pwr-simple-list-item__icon--link { padding-left: 10px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__icon--link { margin-bottom: 0; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-simple-list-item__more-link { display: block; font-family: var(--ff-btn); font-size: 13px; font-weight: 700; opacity: 0; overflow: hidden; padding: 0; text-transform: uppercase; transition: all .4s ease-in-out; } .pwr-simple-list-item--text-style .pwr-simple-list-item__more-link:hover .pwr-simple-list-item__icon--link { transform: translateX(4px); } .pwr-simple-list-item__more-link--centered { color: #FFFFFF; font-size: 16px; /* fallback */ font-size: var(--fs-base); } .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link .pwr-simple-list-item__more-link { color: #e40694; padding-top: 5px; } .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item--box-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__back { opacity: 1; transition: opacity .4s ease-in-out; } .pwr-simple-list-item--box-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item__more-link--mobile { display: none; } @media (hover: none) { .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item__more-link--mobile { display: block; opacity: 1; padding-top: 15px; } .pwr-simple-list-item__more-link--mobile, .pwr-simple-list-item__more-link--mobile:hover { color: #171B25; } .pwr--dark .pwr-simple-list-item__more-link--mobile, .pwr--dark .pwr-simple-list-item__more-link--mobile:hover { color: #FFFFFF; } } @media (max-width: 1199px ) { .pwr-simple-list-item--box-style { width: calc( 33.33% - 20px ); } } @media (max-width: 991px ) { .pwr-simple-list-item--box-style { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-sec-simple-list-items { padding: 102px 0; } .pwr-sec-simple-list-items--text-style { padding-bottom: 64px; } .pwr-sec-simple-list-items__intro-sec { margin-bottom: 53px; } .pwr-sec-simple-list-items__title + .pwr-sec-simple-list-items__desc { margin-top: 23px; } .pwr-sec-simple-list-items__container { margin-bottom: 23px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__title { margin-bottom: 12px; } .pwr-simple-list-item__more-link--centered { font-size: var(--fs-base-tablet); letter-spacing: var(--ls-base-tablet); line-height: var(--lh-base-tablet); } } @media (max-width: 575px ) { .pwr-simple-list-item--text-style, .pwr-simple-list-item--box-style { width: 100%; } .pwr-simple-list-item__more-link--centered { font-size: var(--fs-base-mobile); letter-spacing: var(--ls-base-mobile); line-height: var(--lh-base-mobile); } } /* ========================================================================== */ /* Section Stats Counter #mod-sc */ .pwr-sec-stats { padding: 60px 0 35px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-stats--with-intro { padding: 90px 0 80px; } .pwr-sec-stats__intro-sec { margin-bottom: 55px; position: relative; } .pwr-sec-stats__title + .pwr-sec-stats__desc { margin-top: 20px; } .pwr-stats { font-size: 0; position: relative; } .pwr-stats--centered { text-align: center; } .pwr-sec-stats__wrapper:not(.page-center) { margin: 0 40px; } .pwr-stat { float: left; margin: 10px 20px 40px; width: calc( 25% - 40px ); max-width: 285px; } .pwr-stats--centered .pwr-stat { display: inline-block; float: none; } .pwr-stat__number, .pwr-stat__suffix { display: inline-block; font-family: var(--ff-accent); font-size: 48px; font-weight: 700; line-height: 1em; word-break: break-all; } .pwr-stat__title { display: block; font-size: 18px; letter-spacing: 2px; text-transform: var(--tt-title); } .pwr-stat__title.pwr-stat__title--normal{ letter-spacing: 0px; } .pwr-stat__title.pwr-stat__title--narrow{ letter-spacing: -1px; } @media (max-width: 767px ) { .pwr-sec-stats { padding: 45px 0 27px; } .pwr-sec-stats--with-intro { padding: 68px 0 60px; } .pwr-sec-stats__intro-sec { margin-bottom: 38px; } .pwr-sec-stats__title + .pwr-sec-stats__desc { margin-top: 15px; } .pwr-stat { margin-bottom: 30px; } .pwr-stat__number, .pwr-stat__suffix { font-size: 36px; } .pwr-stat__title { font-size: 15px; } } @media (max-width: 575px ) { .pwr-stat { width: calc( 50% - 40px ); } } /* ========================================================================== */ /* Section Steps #mod-stp */ .pwr-sec-steps { padding: 90px 0 55px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-steps--with-intro { padding: 135px 0 125px; } .pwr-sec-steps__intro-sec { margin-bottom: 60px; position: relative; } .pwr-step { display: inline-block; float: left; margin: 10px 10px 40px; padding-right: 20px; position: relative; width: calc( 25% - 20px ); } .pwr-step--3-col { width: calc( 33% - 20px ); } .pwr-sec-steps--centered .pwr-step { padding-left: 10px; padding-right: 10px; } .pwr-step__count { background-color: #e40694; border-radius: 999px; color: #FFFFFF; display: block; font-family: var(--ff-accent); font-size: 18px; font-weight: 700; height: 50px; line-height: 50px; margin-bottom: 40px; text-align: center; width: 50px; } .pwr-sec-steps--centered .pwr-step__count { margin-left: auto; margin-right: auto; } .pwr-step__img { display: inline-block; height: auto; margin-bottom: 35px; } .pwr-step__icon { color: #e40694; display: inline-block; fill: currentColor; font-size: 35px; margin: 0 auto 20px; } .pwr-step__icon .hs_cos_wrapper_type_icon { display: block; line-height: 0; } .pwr-step__title { display: block; font-family: var(--ff-accent); font-size: 19px; font-weight: 700; text-transform: var(--tt-title); } .pwr-step__desc { display: inline-block; margin-left: auto; margin-right: auto; } .pwr-step__title + .pwr-step__desc { margin-top: 20px; } .pwr-sec-steps--centered .pwr-steps.pwr-steps--1, .pwr-sec-steps--centered .pwr-steps.pwr-steps--2 { display: flex; justify-content: center; } .pwr-step__cta { margin-top: 20px; } @media (max-width: 991px ) { .pwr-step { width: calc( 50% - 20px ); } .pwr-step--3-col { width: calc( 33% - 20px); } } @media (max-width: 767px ) { .pwr-sec-steps { padding: 68px 0 42px; } .pwr-sec-steps--with-intro { padding: 102px 0 94px; } .pwr-sec-steps__intro-sec { margin-bottom: 45px; } .pwr-step__title { font-size: 15px; } } @media (max-width: 575px ) { .pwr-sec-steps--centered .pwr-steps { flex-direction: column; } .pwr-steps.pwr--neg-margin-lr-10, .pwr-step { margin-left: 0; margin-right: 0; } .pwr-step { float: none; width: 100%; } .pwr-step__count { margin-bottom: 30px; } .pwr-step__title + .pwr-step__desc { margin-top: 15px; } } /* ========================================================================== */ /* Section Team #mod-team */ .pwr-sec-team { padding: 135px 0 100px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-team--style-full { padding-bottom: 130px; } .pwr-sec-team__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-team__title + .pwr-sec-team__desc { margin-top: 30px; } .pwr-team-member { display: inline-block; float: left; margin: 10px; position: relative; width: 100%; z-index: 1; } .pwr-team-member--style-reduced { width: calc( 25% - 20px ); } .pwr-team-member--style-reduced .pwr-3D-box { height: auto; } .pwr-team-member--style-reduced.pwr-team-member--circle .pwr-team-member__img, .pwr-team-member--style-reduced.pwr-team-member--circle .pwr-team-member__overlay { border-radius: 50%; } .pwr-team-member--style-reduced.pwr-team-member--circle .pwr-team-member__img { height: 285px; width: 285px; } .pwr--align-c .pwr-team-member--style-reduced.pwr-team-member--circle .pwr-team-member__img { margin-left: auto; margin-right: auto; } .pwr-team-member--style-full { width: calc( 33.33% - 20px ); } .pwr-team-member--is-link, .pwr-team-member--is-link:hover { color: #171B25; } .pwr--dark .pwr-team-member--is-link, .pwr--dark .pwr-team-member--is-link:hover { color: #FFFFFF; } .pwr-team-member__img { background-size: cover; background-position: top; border-radius: 6px; width: 100%; } .pwr-team-member__img--style-reduced { height: 285px; } .pwr-team-member__img--style-full { height: 470px; } .pwr-team-member__overlay { background-color: #e40694; border-radius: 6px; height: 100%; opacity: 0; position: relative; transform-style: preserve-3d; transition: opacity .4s ease-in-out; width: 100%; } .pwr-team-member--is-link:hover .pwr-team-member__overlay, .pwr-team-member--style-full:hover .pwr-team-member__overlay { opacity: .85; } .pwr-team-member__info-box--style-reduced, .pwr-team-member__info-box--style-full { padding: 30px; } .pwr-team-member__info-box--style-full { color: #FFFFFF; width: 100%; } .pwr-team-member--is-link:hover .pwr-3D-box__info-box, .pwr-team-member--style-full:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-team-member__name-tag { background-color: rgba(255, 255, 255,.85); border-radius: 6px; bottom: 13px; color: #171B25; left: 13px; opacity: 1; padding: 20px; position: absolute; right: 13px; text-align: center; transition: opacity .4s ease-in-out .4s; transform-style: preserve-3d; } .pwr-team-member--style-full:hover .pwr-team-member__name-tag { opacity: 0; transition: none; } .pwr-team-member__name { display: block; font-family: var(--ff-accent); font-size: 18px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; } .pwr-team-member__job-title { display: block; font-family: var(--ff-accent); font-size: 14px; text-transform: uppercase; } .pwr-team-member--style-reduced .pwr-team-member__desc, .pwr-team-member--style-reduced .pwr-team-member__desc p { font-size: 14px; padding-bottom: 0px; } .pwr-team-member--style-reduced .pwr-team-member__job-title, .pwr-team-member--style-reduced .pwr-team-member__desc { margin-bottom: 10px; } .pwr-team-member__more-link { color: #FFFFFF; font-family: var(--ff-btn); font-size: 18px; font-weight: 700; text-transform: uppercase; } .pwr-team-member__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-team-member__more-link--style-full { font-size: 13px; } .pwr-team-member__more-link--style-full:hover { color: #FFFFFF; } .pwr-team-member__more-link--mobile { display: none; } @media (hover: none) { .pwr-team-member__more-link--mobile { display: block; margin-bottom: 10px; } .pwr-team-member__more-link--mobile, .pwr-team-member__more-link--mobile:hover { color: #171B25; } .pwr--dark .pwr-team-member__more-link--mobile, .pwr--dark .pwr-team-member__more-link--mobile:hover { color: #FFFFFF; } } .pwr-team-member__desc { display: block; padding-bottom: 35px; } .pwr-team-member__name + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__contact { padding-top: 30px; } .pwr-team-member__contact { font-size: 18px; padding-bottom: 35px; } .pwr-team-member__contact .pwr-social-icon { padding-bottom: 15px; } .pwr-team-member__contact .pwr-social-icon, .pwr-team-member__contact .pwr-social-icon:hover { color: #FFFFFF; } @media (max-width: 1199px ) { .pwr-team-member--style-reduced.pwr-team-member--circle .pwr-team-member__img { height: 215px; width: 215px; } } @media (max-width: 991px ) { .pwr-team-member--style-reduced { width: calc( 50% - 20px ); } .pwr-team-member--style-full { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-sec-team { padding: 102px 0 75px; } .pwr-sec-team--style-full { padding-bottom: 98px; } .pwr-sec-team__intro-sec { margin-bottom: 53px; } .pwr-sec-team__title + .pwr-sec-team__desc { margin-top: 23px; } .pwr-team-member__info-box--style-reduced, .pwr-team-member__info-box--style-full { padding: 23px; } .pwr-team-member__name, .pwr-team-member__more-link, .pwr-team-member__contact { font-size: 15px; } .pwr-team-member__desc, .pwr-team-member__contact { padding-bottom: 27px; } .pwr-team-member__name + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__contact { padding-top: 23px; } } @media (max-width: 575px ) { .pwr-team-member--style-reduced, .pwr-team-member--style-full { width: 100%; } .pwr-team-members.pwr--neg-margin-lr-10, .pwr-tabs__content.pwr--neg-margin-lr-10, .pwr-team-member--style-reduced, .pwr-team-member--style-full { margin-left: 0; margin-right: 0; } } /* ========================================================================== */ /* Section Testimonial #mod-tes */ .pwr-sec-testimonials { padding: 130px 0 135px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-testimonials--style-multiple { padding: 140px 0; } .pwr-sec-testimonials__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-testimonials__intro-sec--style-multiple { margin-bottom: 90px; } .pwr-sec-testimonials__desc--style-2 { font-size: 24px; } .pwr-testimonial__quote { font-size: 18px; margin: 0 auto 40px; max-width: 1000px; line-height: 2em; text-align: center; width: 100%; } .pwr-testimonial__avatar { height: auto; width: 95px; } .pwr-testimonial__author { display: table; margin: 0 auto; } .pwr-testimonial__info { display: table-cell; font-family: var(--ff-accent); text-transform: uppercase; vertical-align: middle; } .pwr-testimonial__name { font-weight: 700; } .pwr-testimonial:not(.pwr-testimonial--style-multiple):not(.pwr-testimonial--style-2) .pwr-testimonial__job-title:before { content: '|'; padding-right: 25px; padding-left: 25px; } .pwr-testimonial--style-multiple { background-color: #F4f6FA; color: #171B25; margin: 0 auto; min-height: 400px; padding: 40px; width: 100%; } .pwr-testimonial--style-multiple .pwr-testimonial__author { display: block; margin: 0 0 40px; } .pwr-testimonial--style-multiple .pwr-testimonial__name { display: block; } .pwr-testimonial--style-multiple .pwr-testimonial__quote { margin: 0; text-align: left; } .pwr-testimonial--style-2 .pwr-testimonial__quote { font-size: 24px; } .pwr-testimonial--style-2 .pwr-testimonial__name--has-job-desc:after { content: ','; padding-right: 10px; } .pwr-testimonial--style-2 .pwr-testimonial__name:before { content: '\2014'; padding-right: 10px; } .pwr-testimonial--style-2 .pwr-testimonial__job-title { font-weight: 700; } @media (max-width: 991px ) { .pwr-sec-testimonials--style-multiple .pwr-sec-testimonials__slider { margin-left: 40px; margin-right: 40px; } .pwr-testimonial--style-2 .pwr-testimonial__quote { font-size: 18px; } } @media (max-width: 767px ) { .pwr-sec-testimonials { padding: 98px 0 102px; } .pwr-sec-testimonials--style-multiple { padding: 105px 0; } .pwr-sec-testimonials__intro-sec { margin-bottom: 53px; } .pwr-sec-testimonials__intro-sec--style-multiple { margin-bottom: 68px; } .pwr-sec-testimonials__desc--style-2 { font-size: 18px; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial--style-multiple .pwr-testimonial__quote { text-align: center; } .pwr-testimonial__quote { font-size: 15px; margin-bottom: 30px; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial .pwr-testimonial__avatar { margin-bottom: 30px; } .pwr-testimonial .pwr-testimonial__avatar { width: auto; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial .pwr-testimonial__name, .pwr-testimonial__info { display: block; } .pwr-testimonial .pwr-testimonial__name { margin-bottom: 3px; } .pwr-testimonial--style-2 .pwr-testimonial__name:after, .pwr-testimonial--style-2 .pwr-testimonial__name:before, .pwr-testimonial__job-title:before { display: none; } } .pwr-sec-testimonials-listing { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-testimonials-listing__intro-sec { margin-bottom: 70px; position: relative; } .pwr-testimonial-listing-item { min-height: 0px; } .pwr-testimonial-listing-item--2cols { width: calc( 50% - 20px ); } .pwr-testimonial-listing-item--3cols { width: calc( 33.33% - 20px ); } @media (max-width: 1199px ) { .pwr-testimonial-listing-item--3cols { width: calc( 50% - 20px ); } } @media (max-width: 991px ) { .pwr-testimonial-listing-item--2cols, .pwr-testimonial-listing-item--3cols { width: 100%; } } @media (max-width: 767px ) { .pwr-sec-testimonials-listing { padding: 102px 0; } .pwr-sec-testimonials-listing__intro-sec { margin-bottom: 53px; } } /* ========================================================================== */ /* Section Text #mod-txt */ .pwr-sec-txt { overflow: hidden; padding: 130px 0; position: relative; z-index: 0; } .pwr-sec-txt__intro-sec { position: relative; } .pwr-sec-txt__title { margin: 0 0 55px; } .pwr-sec-txt--right .pwr-sec-txt__title, .pwr-sec-txt--right .pwr-sec-txt__title-intro { max-width: 390px; } .pwr-sec-txt__left, .pwr-sec-txt__right { margin: 0; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt__right { float: left; } .pwr-sec-txt--1col .pwr-sec-txt__right, .pwr-sec-txt--right .pwr-sec-txt__left { display: none; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--right .pwr-sec-txt__intro-sec { margin-right: 40px; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--2col .pwr-sec-txt__right { width: calc( 50% - 20px ); } .pwr-sec-txt--right .pwr-sec-txt__intro-sec, .pwr-sec-txt--right .pwr-sec-txt__content { float: left; } .pwr-sec-txt--right .pwr-sec-txt__intro-sec { width: calc( 40% - 20px ) } .pwr-sec-txt--right .pwr-sec-txt__content { width: calc( 60% - 20px ); } @media (max-width: 767px) { .pwr-sec-txt { padding: 98px 0; } .pwr-sec-txt--right .pwr-sec-txt__title, .pwr-sec-txt--right .pwr-sec-txt__title-intro { max-width: 100%; } .pwr-sec-txt__title { margin-bottom: 30px; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--2col .pwr-sec-txt__right, .pwr-sec-txt--right .pwr-sec-txt__intro-sec, .pwr-sec-txt--right .pwr-sec-txt__content { margin: 0; width: 100%; } .pwr-sec-txt__left + .pwr-sec-txt__right { margin-top: 1em; } .pwr-sec-txt__content--flipped.pwr--flip-container { display: flex; flex-direction: column-reverse; } .pwr-sec-txt__content--flipped.pwr--flip-container .pwr-sec-txt__left + .pwr-sec-txt__right { margin-top: 0; margin-bottom: 1em; } } @media (min-width: 768px) { .pwr-sec-txt--1col .pwr-sec-txt__title { margin-bottom: 30px; } .pwr-sec-txt--right .pwr-sec-txt__title { margin: 0; } .pwr-sec-txt--2col .pwr-sec-txt__content { display: flex; } .pwr-sec-txt--2col .pwr-sec-txt__content--top { align-items: start; align-items: flex-start; } .pwr-sec-txt--2col .pwr-sec-txt__content--center { align-items: center; } .pwr-sec-txt--2col .pwr-sec-txt__content--bottom { align-items: end; align-items: flex-end; } } .pwr-sec-text-tabs { padding: 140px 0 135px; overflow: hidden; position: relative; z-index: 0; } .pwr-tabs__header { font-weight: 500; margin-bottom: 40px; overflow: hidden; position: relative; z-index: 1; } .pwr-tabs__tab-wrapper { font-size: 0; margin: 0; list-style: none; padding: 0; position: relative; width: calc(100% + 30px); } .pwr-tabs__tab-wrapper:not(.pwr-tabs__tab-wrapper--centered) { margin-left: -15px; margin-right: -15px; } .pwr-tabs__dropdown { display: none; } .pwr-tabs__dropdown select { font-weight: 500; } .pwr-tabs__tab { cursor: pointer; display: inline-block; font-size: 17px; min-height: 57px; min-width: 80px; padding: 15px; transition-property: color, opacity, border-color, font-weight, width; transition-duration: .4s; transition-timing-function: ease-in-out; } .pwr-tabs__tab:hover { color: #e40694; opacity: 1; } .pwr-tabs__tab--active, .pwr-tabs__tab--active:hover { border-bottom: 2px solid #e40694; color: #e40694; font-weight: 700; } .pwr-tabs__body { float: left; position: relative; width: 100%; } .pwr-tabs__content, .pwr-tabs__body .pwr-acc__header { display: none; } .pwr-tab__title { margin: 0 0 30px; } .pwr-tabs__content--2col .pwr-tab__content { float: left; width: calc( 50% - 20px); } .pwr-tabs__content--2col .pwr-tab__content--left { margin-right: 40px; } .pwr-tabs__tab-prefix { width: auto; } .pwr--dark .pwr-tabs__tab:hover { color: inherit; } .pwr--dark .pwr-tabs__tab--active { border-bottom: 2px solid #FFFFFF; color: #FFFFFF; } @media (min-width: 1200px) { .pwr-tabs__header--hor { float: left; font-family: var(--ff-base); margin-top: 10px; width: 33.33%; } .pwr-tabs__tab-wrapper--hor { margin: 0 !important; padding-right: 40px; } .pwr-tabs__tab-wrapper--hor:after { display: none; } .pwr--dark .pwr-tabs__tab-wrapper--hor { border-bottom: none; } .pwr-tabs__tab--hor { display: block; font-size: 20px; margin-bottom: .7em; min-height: 0; line-height: 1.6em; opacity: 0.66; padding: 0; } .pwr-tabs__tab--hor.pwr-tabs__tab--active { border-bottom: none; opacity: 1; } .pwr-tabs__body--hor { width: 66.66%; } .pwr-tabs__tab--hor .pwr-tabs__tab-prefix { display: inline-block; width: 40px; } } @media (min-width: 992px ) { .pwr-tabs__tab-wrapper::after { background-color: rgba(228, 6, 148, .1); bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; } .pwr--dark .pwr-tabs__tab-wrapper::after { background-color: rgba(255, 255, 255, .1); } } @media (max-width: 991px ) { .pwr-tabs__tab:not(.pwr-tabs__tab--active) { border-bottom: 2px solid rgba(228, 6, 148, .1); } .pwr--dark .pwr-tabs__tab:not(.pwr-tabs__tab--active) { border-bottom: 2px solid rgba(255, 255, 255, .1); } } @media (max-width: 767px ) { .pwr-sec-text-tabs { padding: 105px 0 102px; } .pwr-tabs__content--2col .pwr-tab__content { width: 100%; } .pwr-tabs__content--2col .pwr-tab__content--left { margin-right: 0; } } @media (max-width: 575px) { .pwr-tabs__dropdown { display: block; } .pwr-tabs__tab-wrapper { display: none; } } /* ========================================================================== */ /* Section Timeline #mod-tl */ .pwr-sec-timeline { padding: 70px 0 140px; position: relative; overflow: hidden; z-index: 0; } .pwr-sec-timeline--with-intro { padding: 135px 0 140px; } .pwr-sec-timeline__intro-sec { margin-bottom: 90px; position: relative; } .pwr-timeline { list-style: none; -webkit-padding-start: 0; padding-inline-start: 0; } h3.pwr-timeline-item__title{ font-size: 19px; font-weight: 700; letter-spacing: 0px; line-height: 1.5789473684210527em; } .pwr-timeline-item { margin-bottom: 50px; } .pwr-timeline-item:last-child { margin-bottom: 0; } .pwr-timeline-item__img { background-repeat: no-repeat; background-position: center; background-size: cover; height: 250px; width: 100%; } .pwr-timeline-item__content { padding: 60px 50px; } .pwr-timeline-item__title { margin: 0 0 25px; } @media (min-width: 992px) { .pwr-timeline { max-width: 1080px; } .pwr-timeline--centered { margin: 0 auto; } .pwr-timeline-item { width: 47%; } .pwr-timeline-item:nth-child(even) { float: right; } .pwr-timeline-item:nth-child(odd) { float: left; } .pwr-timeline-item:nth-of-type(2) { margin-top: 125px; } } @media (max-width: 767px ) { .pwr-sec-timeline { padding: 53px 0 105px; } .pwr-sec-timeline--with-intro { padding: 102px 0 105px; } .pwr-sec-timeline__intro-sec { margin-bottom: 68px; } .pwr-timeline-item__img { height: 200px; } .pwr-timeline-item__content { padding: 45px 38px; } .pwr-timeline-item__title { margin: 0 0 19px; } } /* ========================================================================== */ /* Section Video #mod-vid */ .pwr-sec-video { overflow: hidden; position: relative; z-index: 0; } .pwr-sec-video__wrapper--content { padding: 100px 0 130px } .pwr-sec-video__content { display: inline-block; left: 50%; max-width: calc( 50% - 20px); padding-right: 20px; position: relative; } .pwr-sec-video__link, .pwr-sec-video__link:hover { color: #171B25; display: inline-block; } .pwr-sec-video__link--layout-title { padding: 50px 80px; } .pwr--dark .pwr-sec-video__link, .pwr--dark .pwr-sec-video__link:hover { color: #FFFFFF; } .pwr-sec-video__button { background-color: #FFFFFF; border-radius: 100%; font-size: 32px; height: 140px; left: 50%; line-height: 140px; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 1.2s ease-in-out; width: 140px; } .pwr-sec-video__button--small { font-size: 27px; height: 120px; line-height: 120px; width: 120px; } .pwr-sec-video__button--left { left: 25%; } .pwr-sec-video__icon { display: inline-block; fill: currentColor; } .pwr-sec-video__icon--as-button { color: #e40694; transition: all .6s ease-in-out; vertical-align: middle; } .pwr-video-box:hover .pwr-sec-video__button, .pwr-sec-video__wrapper .pwr-sec-video__button:hover { -webkit-transform: translate(-50%, -50%) scale(1.25); transform: translate(-50%, -50%) scale(1.25); } .pwr-sec-video__title { font-family: var(--ff-accent); font-size: 24px; font-weight: 700; line-height: 1.4em; } .pwr-sec-video__title:before { content: '|'; font-size: 34px; font-weight: 500; padding: 0 20px; position: relative; top: 1px; } .pwr-lightbox__box .pwr-video-background__youtube, .pwr-lightbox__box video { max-width: 1500px; position: relative; width: 80vw; } @media (max-width: 767px ) { .pwr-sec-video__link--layout-title { padding: 40px; } .pwr-sec-video__wrapper--content { padding: 75px 0 98px } .pwr-sec-video__content { left: 0; margin: 0 40px; max-width: 100%; } .pwr-sec-video__wrapper--content .pwr-sec-video__link { width: 100%; } .pwr-sec-video__wrapper--content .pwr-sec-video__button--left { margin: 60px 0 20px; left: 50%; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: auto; } } @media (max-width: 575px ) { .pwr-sec-video__wrapper--title, .pwr-sec-video__wrapper--button { max-height: 300px; } .pwr-sec-video__button, .pwr-sec-video__button--small { font-size: 27px; height: 100px; line-height: 100px; width: 100px; } } /* ========================================================================== */ /* Section Video Boxes #mod-vb */ .pwr-sec-video-boxes { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-video-boxes__intro-sec { margin-bottom: 70px; position: relative; } .pwr-video-box { border-radius: 6px; color: #171B25; display: inline-block; float: left; overflow: hidden; position: relative; width: calc( 50% - 20px ); z-index: 1; } .pwr-video-box__top { height: 332px; position: relative; overflow: hidden; } .pwr-video-box__img { background-size: cover; background-position: center; height: 100%; position: relative; -webkit-transform: scale(1); transform: scale(1); transition: all 1s ease-in-out; width: 100%; } .pwr-video-box__overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .pwr-video-box--is-link:hover .pwr-video-box__img { -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-filter: blur(5px); filter: blur(5px); } .pwr-video-box__below { background-color: #FFFFFF; border-top-left-radius: 0; border-top-right-radius: 0; padding: 30px; } .pwr-video-box__title { display: block; font-family: var(--ff-accent); font-size: 20px; font-weight: 700; } .pwr-video-box__desc { display: inline-block; font-size: 14px; } .pwr-video-box__title + .pwr-video-box__desc { padding-top: 10px; } @media (max-width: 991px ) { .pwr-video-box { width: 100%; } .pwr-video-box__top { height: 250px; } } @media (max-width: 767px ) { .pwr-sec-video-boxes { padding: 102px 0; } .pwr-sec-video-boxes__intro-sec { margin-bottom: 53px; } .pwr-video-box__title { font-size: 15px; } .pwr-video-box__title + .pwr-video-box__desc { padding-top: 8px; } } /* ========================================================================== */ /* 11. SUB MODULES #sub-m */ /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - IMAGE BOXES #sub-ib */ .pwr-sub-image-boxes.pwr--light, .pwr-sub-image-boxes.pwr--dark { background-color: initial; } .pwr-sub-image-boxes .pwr-image-box.pwr-image-box--one-by-one { width: 100% !important; } .pwr-sub-image-boxes .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin: 0px; } .pwr-sub-image-boxes .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img { height: initial; min-height: 300px; } .pwr-sub-image-boxes.pwr--light .pwr-image-box .pwr-image-box__overlay--front { background-color: #FFFFFF; opacity: 0.75; } .pwr-sub-image-boxes.pwr--light .pwr-image-box:hover .pwr-image-box__overlay--front { background-color: #e40694; opacity: 0.85; } .pwr-sub-image-boxes.pwr--light .pwr-image-box__front{ color: #171B25; } /* Sub Module - IMAGE BOXES */ /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - PRICING TABLE #sub-pt */ .pwr-sub-price-tables .pwr-price-table { margin: 0px; width: 100%; } .pwr-price-table-features--style-full-2 { background-color: rgba(255,255,255,0.2); } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted):not(.pwr--light) .pwr-price-table-features--style-full-2, .pwr-price-table:not(.pwr-price-table--highlighted).pwr--dark .pwr-price-table-features--style-full-2 { background-color: rgba(23,27,37,0.2); } .pwr-price-table__recommended.pwr--light { color: #171B25; } .pwr-price-table { padding: 44px 0 60px; } .pwr-price-table__desc--style-full-1.mb-0, .pwr-price-table-features--style-full-2.mb-0, .pwr-price-table__price--style-reduced.mb-0 { margin-bottom: 0px !important; } /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - SERVICE #sub-s */ .pwr-sub-services .pwr-services-box, .pwr-sub-services .pwr-services-item { width: 100%; margin: 0px; } .pwr-sub-services.pwr-sec-services--style-2 { padding-bottom: 0px; } .pwr-sub-services .pwr-services-item__title { margin-bottom: 5px; } .pwr-sub-services .pwr-services-item--link__unhide .pwr-services-item__more-link { opacity: 1; } .pwr-sub-services .pwr-services-item.pwr--dark, .pwr-services-item.pwr--light { background-color: initial; } .pwr-sub-services .pwr--align-c .pwr-services-box__back.pwr-3D-box__info-box { width: 100%; } .pwr-sub-services .pwr-services-box__front { width: 100%; } .pwr-sub-services .pwr-services-item.pwr--align-c { padding: 0 !important; } .pwr-sub-services .pwr-services-item__icon { top: 0px !important; } .pwr-sub-services .pwr-services-item { padding-top: initial !important; padding-right: initial !important; padding-bottom: initial !important; } .pwr-sub-services .pwr-services-item.pwr--align-c .pwr-services-item__icon svg { margin: 0 auto !important; margin-bottom: 30px !important; } .pwr-sub-services .pwr-services-item.pwr--align-c .pwr-services-item__icon { display: contents; text-align: center !important; margin: 0 auto !important; } /* Sub Module - SERVICE */ /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - SIMPLE LISTING #sub-sl */ .pwr-sub-simple-list-items .pwr-sec-simple-list-items__container{ margin-bottom: 0px; } .pwr-sub-simple-list-items .pwr-simple-list-item--box-style { width: 100%; } .pwr-sub-simple-list-items .pwr-simple-list-item--text-style { width: 100%; } .pwr-sub-simple-list-items .pwr-simple-list-item--text-style:not(.pwr-simple-list-item--is-link), .pwr-sub-simple-list-items.pwr-sec-simple-list-items--text-style{ padding-bottom: 0px; } .pwr-sub-simple-list-items.pwr--light, .pwr-sub-simple-list-items.pwr--dark { background-color: initial; } .pwr-sub-simple-list-items.pwr--align-c .pwr-simple-list-item--text-style .pwr-simple-list-item__additional-info { padding: 0; margin: 0 10px; } .pwr-sub-simple-list-items .pwr-simple-list-item--link__unhide .pwr-simple-list-item__more-link { opacity: 1; } /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - STATS COUNTER #sub-sc */ .pwr-sub-stats .pwr-stat { margin: 0; width: 100%; } .pwr-sub-stats.pwr--light, .pwr-sub-stats.pwr--dark { background-color: initial; } .pwr-sub-stats .pwr-sec-stats__wrapper { margin: 0; } /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - STEPS #sub-ss */ .pwr-sub-steps.pwr-sec-steps--centered .pwr-step { padding-left: 0px; padding-right: 0px; } .pwr-sub-steps .pwr-step { margin: 0; width: 100%; } .pwr-sub-steps .pwr-step__img { margin-bottom: 25px; } .pwr-sub-steps .pwr-step__desc { display: block; } .pwr-sub-steps.pwr--light, .pwr-sub-steps.pwr--dark { background-color: initial; } /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - TEAM #sub-t */ .pwr-sub-team .pwr-team-member { width: 100%; margin: 0; } .pwr-sub-team { padding-bottom: 0; } .pwr-sub-team.pwr--light, .pwr-sub-team.pwr--dark { background-color: initial; } .pwr-sub-team.pwr--dark .pwr-team-member__name-tag { background-color: rgba(23, 27, 37,0.75); color: #FFFFFF; } .pwr-sub-team .pwr-team-member__name-tag, .pwr-sub-team .pwr-3D-box__info-box--centered { text-align: left; } .pwr-sub-team.pwr--align-c .pwr-team-member__name-tag, .pwr-sub-team.pwr--align-c .pwr-3D-box__info-box--centered { text-align: center; } .pwr-sub-team .pwr-team-member__contact .pwr-social-icon { padding-left: 10px; padding-right: 10px; } .pwr-team-member__contact { margin-left: -10px; margin-right: -10px; } .pwr-sub-team .pwr-team-member__name-tag--style-gradient{ left: 0px; right: 0px; bottom: 0px; padding-top:80px } .pwr-sub-team.pwr--light .pwr-team-member__name-tag--style-gradient{ background: #FFFFFF; background: linear-gradient(180deg, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 100%); } .pwr-sub-team.pwr--dark .pwr-team-member__name-tag--style-gradient{ background: #171B25; background: linear-gradient(180deg, rgba(23, 27, 37,0) 0%, rgba(23, 27, 37,1) 100%); } .pwr-sub-team .pwr-team-member__name-tag--style-no-bg{ background: initial !important; } .pwr-sub-team .pwr-team-member__name-tag--style-full-width{ left: 0px; right: 0px; bottom: 0px; border-radius: 0px 0px 6px 6px; } /* Sub Module - TEAM */ /* ========================================================================== */ /* ========================================================================== */ /* Sub Module - VIDEO BOX #sub-vb */ .pwr-sub-video-box.pwr--light, .pwr-sub-video-box.pwr--dark { background-color: initial; } .pwr-sub-video-box .pwr-video-box { width: 100%; } /* ========================================================================== */ /* ========================================================================== */ /* 12. MINI MODULES #mini-m */ /* ========================================================================== */ /* ========================================================================== */ /* Mini Module - TAG #mini-t */ .pwr-mini-tag { display: table; padding: 5px 15px; } .pwr-mini-tag__title { font-family: var(--ff-accent); font-weight: bold; display: table-cell; vertical-align: middle; } .pwr-mini-tag--full-width { display: block; } .pwr-mini-tag--align-c { position: relative; transform: translateX(-50%); left: 50%; text-align:center; } .pwr-mini-tag--align-r { float: right; } .pwr-mini-tag--full-width.pwr-mini-tag--align-r{ text-align:right; width: 100%; } .pwr-mini-tag__icon, .pwr-mini-tag__icon-img-wrapper { display: table-cell; vertical-align: middle; } .pwr-mini-tag__icon--left { padding-right: 5px; } .pwr-mini-tag__icon--right { padding-left: 5px; } .pwr-mini-tag__icon-img { display: table-cell; vertical-align: middle; } .pwr-mini-tag__icon-img--left { margin-right: 5px; } .pwr-mini-tag__icon-img--right { margin-left: 5px; } .pwr-mini-tag--full-width.pwr-mini-tag--align-c .pwr-mini-tag__content-wrapper{ width: fit-content; margin: 0 auto; } .pwr-mini-tag--full-width.pwr-mini-tag--align-r .pwr-mini-tag__content-wrapper{ width: fit-content; margin: 0 0 0 auto; } /* Mini Module - TAG */ /* ========================================================================== */ /* ========================================================================== */ /* Mini Module - CTA #mini-cta */ .pwr-mini-cta--align-c .pwr-cta { text-align: center; } .pwr-mini-cta--align-r { text-align: right; } .pwr-mini-cta .pwr-cta.pwr-cta--full-width .cta_button { width: 100%; text-align: center; padding-left: 0; padding-right: 0; } .pwr-cta.pwr-cta--primary-border.pwr-cta--full-width .cta_button, .pwr-cta.pwr-cta--primary-border.pwr-cta--full-width .cta_button{ width: calc(100% - 4px); } /* ========================================================================== */ /* ========================================================================== */ /* Mini Module - Icon #mini-i */ .pwr-mini-icon { display: inline-block; } .pwr-mini-icon--align-c { position: relative; transform: translateX(-50%); left: 50%; text-align:center; } .pwr-mini-icon--align-r { float: right; } .pwr-mini-icon.pwr-mini-icon--circle { border-radius: 50%; } .pwr-mini-icon.pwr-mini-icon--no-bg { background: initial; padding: 0 !important; } .pwr-mini-icon.pwr--primary { background-color: #e40694; color: #FFFFFF; } /* Mini Module - Icon */ /* ========================================================================== */ /* ========================================================================== */ /* 13. 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); } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: #171B25 !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: #e40694 !important; border-radius: 0; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: #e40694 !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: #e40694 !important; } /* 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: #e40694; -webkit-backface-visibility: visible; display: block; transition: all 100ms ease-in-out; } .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: #e40694 !important; opacity: 1; } .pwr-owl .owl-dots .owl-dot:focus { outline: 0; } .pwr-owl-nav { color: #171B25; 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: #FFFFFF; } .pwr--dark .pwr-owl .owl-dots .owl-dot span { background: #FFFFFF; } @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: -30.0px; } .pwr-owl-nav__next { right: -30.0px; } } @media (max-width: 575px) { .pwr-owl-nav__prev { left: -30.0px; } .pwr-owl-nav__next { right: -30.0px; } } /* Swiper Slider */ .swiper-pagination-horizontal.swiper-pagination-bullets { align-items: center; bottom: 20px !important; display: flex; height: var(--sl-pag-height,auto); justify-content: center; } .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--sl-pag-bullet-horizontal-gap,5px) !important; } .swiper-pagination-bullet { border-radius: var(--sl-pag-bullet-inactive-border-radius,0) !important; height: var(--sl-pag-bullet-inactive-height,var(--sl-pag-bullet-inactive-size,3px)) !important; opacity: var(--sl-pag-bullet-inactive-opacity,.2) !important; width: var(--sl-pag-bullet-inactive-width,var(--sl-pag-bullet-inactive-size,35px)) !important; transition: all .1s ease-in-out; } .swiper-pagination-bullet-active { border-radius: var(--sl-pag-bullet-active-border-radius,0px) !important; height: var(--sl-pag-bullet-active-height,var(--sl-pag-bullet-active-size,3px)) !important; opacity: 1 !important; width: var(--sl-pag-bullet-active-width,var(--sl-pag-bullet-active-size,35px)) !important; } /* ========================================================================== */ /* 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); } } /* Bugfixes */ /* ========================================================================== */ /* ========================================================================== */ /* 14. THIRD PARTY #third */ /* ========================================================================== */ /* ========================================================================== */ /* Popper #third-popper */ .pwr-tooltip__icon svg circle { fill: rgba(23, 27, 37,.3); transition: fill .4s ease; } .pwr-tooltip__icon:hover svg circle { fill: rgba(23, 27, 37,1); } .pwr--dark .pwr-tooltip__icon svg circle { fill: rgba(255, 255, 255,.3); transition: fill .4s ease; } .pwr--dark .pwr-tooltip__icon:hover svg circle { fill: rgba(255, 255, 255,1); } .pwr--dark .pwr-tooltip__icon svg g g { fill: #171B25; } .pwr-tooltip { display: inline-block; } .pwr-tooltip__arrow, .pwr-tooltip__arrow::before { position: absolute; width: 8px; height: 8px; background: inherit; } .pwr-tooltip__arrow { visibility: hidden; } .pwr-tooltip__arrow::before { content: ''; transform: rotate(45deg); transition: visibility .4s ease; visibility: hidden; } .pwr-tooltip__text-wrapper { opacity: 0; transition: visibility .4s ease, opacity .4s ease; visibility: hidden; } .pwr-tooltip__text-wrapper[data-show], .pwr-tooltip__text-wrapper[data-show] .pwr-tooltip__arrow::before { visibility: visible; } .pwr-tooltip:hover .pwr-tooltip__text-wrapper { opacity: 1; } .pwr-tooltip__text[data-popper-placement^='top'] > .pwr-tooltip__arrow { bottom: -4px; } .pwr-tooltip__text[data-popper-placement^='bottom'] > .pwr-tooltip__arrow { top: -4px; } .pwr-tooltip__text[data-popper-placement^='left'] > .pwr-tooltip__arrow { right: -4px; } .pwr-tooltip__text[data-popper-placement^='right'] > .pwr-tooltip__arrow { left: -4px; } .pwr-tooltip__text { background-color: #171B25; border-radius: 6px; color: #FFFFFF; padding: 8px 12px; font-size: 12px; font-family: var(--ff-base); font-weight: 500; line-height: 1.4em; max-width: 200px; z-index: 1; } .pwr--dark .pwr-tooltip__text { background-color: #FFFFFF; color: #171B25; } /* ========================================================================== */ /* 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: #F4f6FA; content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px } .is-active-link::before { background-color: #e40694; } /* ========================================================================== */ /* ========================================================================== */ /* Owl Carousel - changes made... #third-owl */ /** * 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: #171B25; } .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% } /* ========================================================================== */ /* ========================================================================== */ /* 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: #FFFFFF; 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: #FFFFFF; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #171B25; 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 #FFFFFF; color: #FFFFFF; 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: #FFFFFF; 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 #FFFFFF; border-top: 3px solid #FFFFFF; left: 10px; } .featherlight-previous:after { border-bottom: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; right: 10px; } .featherlight-next span, .featherlight-previous span { display: none !important; } .pwr-featherlight-info { background-color: rgba(0,0,0,.5); bottom: 0; color: #FFFFFF; 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%; } } /* ========================================================================== */ /* ========================================================================== */ /* 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)}} /* ========================================================================== */ .subscribe-section { padding-top: 60px; padding-bottom: 20px; background-color: #39C0BC; background-image: url("https://www.tropicalhub.co/hubfs/bg%20%281%29.jpg"); } .newsletter-subscribe__img { float: left; margin-top: 5px; position: relative; width: 33.33%; text-align: center; } .newsletter-subscribe__content { float: left; margin-top: 5px; position: relative; width: 66.66%; } .newsletter-subscribe__content h3 { display: none; } .newsletter-subscribe__content .hs-form-field { width: 30%; margin-right: 20px; margin-bottom: 0; display: inline-block; position: relative; } .newsletter-subscribe__content .hs-form-field > label { font-family: 'Montserrat',sans-serif; font-size: 18px; font-weight: 300; } .newsletter-subscribe__content .hs-form-field > label .hs-form-required { display: none; } .newsletter-subscribe__content .hs-form-field input { border: 1px solid #171B25; border-radius: 5px; padding: 10px; font-family: 'Montserrat',sans-serif; font-size: 18px; margin-bottom: 40px; } /* .newsletter-subscribe__content .hs-form-field input:focus { position: relative; background-color: #39C0BC; opacity: 1; z-index: 2; } */ .newsletter-subscribe__content .hs-submit { margin: 0; top: 17px; } .newsletter-subscribe__content .hs-submit input { padding-top: 12px; padding-bottom: 12px; } .newsletter-subscribe__content .hs-form ul.inputs-list.hs-error-msgs { position: absolute; bottom: 0; margin: 0; } @media (max-width: 991px) { .newsletter-subscribe__img, .newsletter-subscribe__content { float: none; } .newsletter-subscribe__img { display: none; } .newsletter-subscribe__content { width: 100%; text-align: center; } } @media (max-width: 767px) { .subscribe-section { background-image: url("https://www.tropicalhub.co/hubfs/bg-mobile%20%281%29.jpg"); !important; padding-top: 20px; padding-bottom: 50px; } .newsletter-subscribe__content .hs-form-field { width: 80%; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; } .newsletter-subscribe__content .hs-form-field input { margin-bottom: 0; } .newsletter-subscribe__content .hs-form ul.inputs-list.hs-error-msgs { position: relative; margin: 10px 0; } } @media (max-width: 429px) { .newsletter-subscribe__content .hs-form-field { width: 100%; } img.footer-badges-img { display: block; margin: 10px auto !important; height: auto; } } @media (min-width: 768px) { .pwr-js-masonry__container.pwr-sec-image-boxes__container.pwr--neg-margin-lr-10.pwr-js-masonry__container--no-gutter.pwr-js-masonry__container--fitRows.pwr-js-masonry__container--sameHeight.pwr-sec-image-boxes__container--centered.pwr--align-c.only-two-items.pwr--clearfix > div:first-of-type, .pwr-js-masonry__container.pwr-sec-image-boxes__container.pwr--neg-margin-lr-10.pwr-js-masonry__container--no-gutter.pwr-js-masonry__container--fitRows.pwr-js-masonry__container--sameHeight.only-two-items.pwr--clearfix > a:first-of-type { right: 50% !important; left: auto !important; } .pwr-js-masonry__container.pwr-sec-image-boxes__container.pwr--neg-margin-lr-10.pwr-js-masonry__container--no-gutter.pwr-js-masonry__container--fitRows.pwr-js-masonry__container--sameHeight.pwr-sec-image-boxes__container--centered.pwr--align-c.only-two-items.pwr--clearfix > div:nth-of-type(2), .pwr-js-masonry__container.pwr-sec-image-boxes__container.pwr--neg-margin-lr-10.pwr-js-masonry__container--no-gutter.pwr-js-masonry__container--fitRows.pwr-js-masonry__container--sameHeight.only-two-items.pwr--clearfix > a:nth-of-type(2) { left: 50% !important; } } /*** viewport fixes ***/ @media (max-width: 429px) { .pwr-avatar__large { width: 100%; } .pwr-author-profile--author-page { padding: 20px 0; } .page-center { margin: 0; margin: 0; padding-left: 10px !important; padding-right: 10px !important; } .pwr-post-item__info-box { padding: 35px 20px 45px; } }