/*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Theme V1.1.4 */ /* by maka Ageny */ /* */ /* STYLE DECLARATIONS V2.0 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /* ========================================================================== */ /* 1. VARIABLES #vars */ /* ========================================================================== */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER STARTET THEME V1.0 */ /* by maka Ageny */ /* */ /* THEME SETTINGS => CSS VARIABLES V1.0 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* With this file we provide you with comfortable options to adjust */ /* some global style aspects of the POWER theme to your needs. */ /* */ /* By default the theme settings are pulled into this file and get */ /* assigned to CSS variables. You can change and extend this by */ /* overwriting this file in the child theme. */ /* */ /****************************************************************************/ :root { /* ========================================================================== 1.1 BASIC COLOR DEFINITIONS #bcd These colors are used throughout the POWER template. ========================================================================== */ /* This color represents e.g. background color for dark-mode, dark text color, * is base for dark borders, ... */ --clr-base-dk: #425b76; --clr-base-dk-rgb: 66, 91, 118; /* This color represents e.g. dark accent background color for boxes in front * of dark background (baseColorDark) */ --clr-accent-dk: #425b76; /* This color represents e.g. background color for light-mode, * light text color, is base for light borders, ... */ --clr-base-lt: #FFFFFF; --clr-base-lt-rgb: 255, 255, 255; /* This color represents e.g. light accent background color for boxes in * front of light background (baseColorLight) */ --clr-accent-lt: #F4F4F4; /* This color represents your primary brand color, e.g. * Accents / Hightlights, Hovers, Buttons, ... */ --clr-primary: #d66b3b; --clr-primary-rgb: 214, 107, 59; /* ========================================================================== 1.2 SPECIFIC COLOR DEFINITIONS #scd In this section you have the possibility to set more specific colors for common elements like text, titles, buttons, etc. ========================================================================== */ /* Background Colors */ --clr-background-html: #FFFFFF; --clr-background-dk: #425b76; --clr-background-dk-rgb: 66, 91, 118; --clr-background-lt: #FFFFFF; --clr-background-lt-rgb: 255, 255, 255; /* Dark / Light accent background colors */ --clr-background-accent-dk: #425b76; --clr-background-accent-lt: #F4F4F4; /* Dark / Light text colors */ --clr-text-dk: #FFFFFF; --clr-text-dk-rgb: 255, 255, 255; --clr-text-lt: #000002; --clr-text-lt-rgb: 0, 0, 2; /* Dark / Light intro title and title colors * For section intro + title, hero title, author page posts title and * blog overview (layout: 1 column) */ --clr-intro-title-dk: #FFFFFF; --clr-intro-title-lt: #000000; --clr-title-dk: #FFFFFF; --clr-title-lt: #000000; /* Link-Colors */ --clr-link-html: #d66b3b; --clr-link-hover-html: #425b76; /* Dark / Light Link-Colors for POWER rich-text fields */ --clr-link-dk: #d66b3b; --clr-link-lt: #d66b3b; --clr-link-hover-dk: #d66b3b; --clr-link-hover-lt: #d66b3b; /* Primary / Dark / Light button background + text colors */ --clr-btn-primary: #d66b3b; --clr-btn-dk: #425b76; --clr-btn-lt: #FFFFFF; --clr-btn-txt-dk: #425b76; --clr-btn-txt-lt: #FFFFFF; --clr-btn-background-hs: #d66b3b; --clr-btn-hover-background-hs: #425b76; --clr-btn-txt-hs: #FFFFFF; --clr-btn-hover-txt-hs: #FFFFFF; /* Dark / Light font color for navigation (Header / Footer) */ --clr-txt-nav-dk: #425b76; --clr-txt-nav-dk-rgb: 66, 91, 118; --clr-txt-nav-lt: #FFFFFF; --clr-txt-nav-lt-rgb: 255, 255, 255; /* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */ --opc-nav-hover: .66; --opc-footer-hover: .8; /* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */ --clr-nav-hover-background: #d66b3b; --clr-nav-hover-txt: #FFFFFF; /* Social Icon color used for Header Top (light), Author Page, Media Content Split module */ --clr-icon-social-lt: #C4C8D3; /* Colors for HubSpot's form module */ --clr-form-title-background-hs-rgba: rgba(244, 244, 244, 0%); --clr-form-title-hs: #425b76; --clr-form-background-hs-rgba: rgba(244, 244, 244, 0%); --clr-form-border-hs-rgba: rgba(66, 91, 118, 0%); --clr-form-label-hs: #425b76; --clr-form-field-border-hs-rgba: #425b76; --clr-form-error: #F2545B; /* Colors for POWER's form modules */ --clr-form-label-dk: #FFFFFF; --clr-form-label-lt: #425b76; --clr-form-field-border-dk-rgba: rgba(255, 255, 255, 60%); --clr-form-field-border-dk: #FFFFFF; --clr-form-field-border-lt-rgba: #425b76; --clr-form-field-border-lt: #425b76; --clr-form-error-dk: #FFFFFF; --clr-form-error-lt: #F2545B; /* ========================================================================== 1.3 FONT AND FONT-SIZES #fs ========================================================================== */ /* Font family to use in the template */ --ff-base: Poppins, sans-serif; /* You can use a different accent font-family for titles, CTAs, Menu, ... */ --ff-accent: Poppins, sans-serif; /* * Font-sizes IN PIXELS */ /* Font size used in the body and in rich-text fields */ --fs-base: 16px; /* Font size used for paragraphs in the body and in rich-text fields */ --fs-paragraph: 16px; /* Font size used in the blog post body */ --fs-post-body: 18px; /* Font-size for intro title in section modules */ --fs-intro-title-sec: 18px; /* Font-size for text description in section modules */ --fs-desc-sec: 18px; /* Font-size for buttons */ --fs-btn: 13px; /* Font-sizes for headings */ --fs-h1: 72px; --fs-h2: 38px; --fs-h3: 32px; --fs-h4: 24px; --fs-h5: 19px; --fs-h6: 16px; /* Font-sizes for navigation (header and footer) - we recommend small variations from the default value */ --fs-header-top: 14px; --fs-header: 18px; --fs-burger: 13px; --fs-mega-menu: 13px; --fs-footer-txt: 14px; --fs-footer-menu-title: 14px; --fs-footer-menu: 14px; --fs-footer-legal: 12px; /* Font-size for forms */ --fs-form-label: 14px; --fs-form-help: 14px; --fs-form-input: 16px; --fs-form-error: 16px; --fs-form-legal-consent: 14px; /* * Font-weights */ /* Font weight used in the body */ --fw-base: 400; /* Font weight used in paragraphs */ --fw-paragraph: 400; /* Font weight used in the blog post body */ --fw-post-body: 400; /* Font weight for intro title in section modules */ --fw-intro-title-sec: 400; /* Font weight for text description in section modules */ --fw-desc-sec: 400; /* Font weight used for headings */ --fw-h1: 700; --fw-h2: 700; --fw-h3: 700; --fw-h4: 700; --fw-h5: 700; --fw-h6: 700; /* Font weight for buttons */ --fw-btn: 800; /* Font weights Header */ --fw-header-top: 400; --fw-header: 800; --fw-burger: 300; --fw-mega-menu: 300; --fw-footer-txt: 400; --fw-footer-menu-title: 700; --fw-footer-menu: 500; --fw-footer-legal: 500; /* Font weights for forms */ --fw-form-label: 500; --fw-form-help: 400; --fw-form-input: 400; --fw-form-error: 500; --fw-form-legal-consent: 400; /* * Line-heights TRANSFORMED TO EM */ /* Line height used in the body */ --lh-base: 1.625em; /* Line height used in paragraphs */ --lh-paragraph: 2.0em; /* Line height used in the blog post body */ --lh-post-body: 2.111111111111111em; /* Line height for intro title in section modules */ --lh-intro-title-sec: 1.6111111111111112em; /* Line height for text description in section modules */ --lh-desc-sec: 2.0em; /* Line height for headings */ --lh-h1: 1.1805555555555556em; --lh-h2: 1.394736842105263em; --lh-h3: 1.40625em; --lh-h4: 1.4166666666666667em; --lh-h5: 1.4210526315789473em; --lh-h6: 1.375em; /* * Letter-spacings IN PIXELS */ /* Letter-spacing used in the body */ --ls-base: 0px; /* Letter-spacing used in paragraphs */ --ls-paragraph: 0px; /* Letter-spacing used in the blog post body */ --ls-post-body: 0px; /* Letter-spacing for intro title in section modules */ --ls-intro-title-sec: 0px; /* Letter-spacing for text description in section modules */ --ls-desc-sec: 0px; /* Letter-spacing used for headings */ --ls-h1: -1px; --ls-h2: -1px; --ls-h3: -0.5px; --ls-h4: -0.5px; --ls-h5: 0px; --ls-h6: 0px; /* Letter-spacing for buttons */ --ls-btn: 0px; /* Letter-spacing Header */ --ls-header-top: 0px; --ls-header: 1.05px; --ls-burger: 0px; --ls-mega-menu: 0px; --ls-footer-txt: 0px; --ls-footer-menu-title: 0px; --ls-footer-menu: 0px; --ls-footer-legal: 0px; /* Letter-spacing for forms */ --ls-form-label: 0px; --ls-form-help: 0px; --ls-form-input: 0px; --ls-form-error: 0px; --ls-form-legal-consent: 0px; /* Accent text-property for e.g. titles, button-texts, menu, ... * Standard value -> text-transform: uppercase. To deactivate, use empty single quotation */ --tt-title: uppercase; --tt-nav: none; --tt-link: none; --tt-other: none; /* ========================================================================== 1.4 ROUND EDGES #re 0px is rectangular and 25px already pretty round ========================================================================== */ --br: 4px; /* Round edges on buttons */ --br-btn: 30px; /* Round edges on inputs */ --br-input: 4px; /* Round edges on dropdowns */ --br-menu: 4px; /* Round edges on boxes */ --br-box: 4px; /* Round edges on images */ --br-img: 4px; /* Round edges on checkboxes (max 6px) */ --br-checkbox: 6px; /* ========================================================================== 1.5 LAYOUT #lay ========================================================================== */ /* Vertical section padding in pixel * Relates to 'padding top' and 'padding bottom' setting in modules */ --sp-sec-p-vert-small: 40px; --sp-sec-p-vert-medium: 80px; --sp-sec-p-vert-large: 180px; /* Horizontal section padding in pixel */ --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; /* * Main header menu position * * Position in percent. * Automatically centered if header is full-width */ --lo-header-shift-left: 13%; /* Content width in pixel */ --lo-content-width: 1200px; /* Mobile responsiveness size reduction factors */ /* reduces font-sizes for mobile where applicable - by factor e.g. .25 => 25% */ --fs-reduction-factor: 0.75; /* Not smaller than ... pixel */ --fs-min: 15px; /* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */ --sp-reduction-factor: 0.75; } /* ========================================================================== */ /* 2. GENERIC #generic */ /* ========================================================================== */ /* Reset */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* ========================================================================== */ /* 3. OBJECTS #objects */ /* ========================================================================== */ /* Layout */ /* Page Center */ .page-center, #page-center { float: none; max-width: var(--lo-content-width); margin: 0 auto; } @media (max-width: 1200px) { .page-center { margin-left: var(--sp-p-hor-desktop); margin-right: var(--sp-p-hor-desktop); } } @media (max-width: 575px) { .page-center { margin-left: var(--sp-p-hor-mobile); margin-right: var(--sp-p-hor-mobile); } } /* Reduce min-height on responsive grid */ .row-fluid .span12 { min-height: 0 !important; } /* 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: 1px; 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: 1px; 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: 1px; 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 ; } } /* Containers DnD */ .content-wrapper { margin: 0 auto; max-width: 1240px; padding: 0 20px; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section { padding: 80px 0; } @media (max-width: 1200px) { .dnd-section { padding-left: var(--sp-p-hor-desktop); padding-right: var(--sp-p-hor-desktop); } } @media (max-width: 575px) { .dnd-section { padding-left: var(--sp-p-hor-mobile); padding-right: var(--sp-p-hor-mobile); } } .dnd-section > .row-fluid { margin: 0 auto; max-width: 1200px; } .dnd-section .dnd-column { padding: 0; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* ========================================================================== */ /* 4. ELEMENTS #elements */ /* ========================================================================== */ /* Base Styles */ html, body { background-color: var(--clr-background-html); min-height: 100%; margin: 0; padding: 0; } /* Website Wrapper Background Color */ .body-container-wrapper { background-color: var(--clr-background-html); } /* 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; */ } html, body { font-weight: var(--fw-base); font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } /* Website background color and default font styles */ body { color: var(--clr-text-lt); font-family: var(--ff-base); font-size: var(--fs-base)px; line-height: var(--lh-base); letter-spacing: var(--ls-base); word-break: break-word; } @media (max-width: 767px) { body { font-size: var(--fs-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-base) * var(--fs-reduction-factor))); } } html[lang^="ja"] body, html[lang^="zh"] body, html[lang^="ko"] body { line-break: strict; word-break: break-all; } /* Highlighted Text */ ::-moz-selection { background: var(--clr-background-dk); color: var(--clr-text-dk); text-shadow: none; } ::selection { background: var(--clr-background-dk); color: var(--clr-text-dk); text-shadow: none; } .pwr--dark::-moz-selection { background: var(--clr-primary); color: var(--clr-text-dk); } .pwr--dark::selection { background: var(--clr-primary); color: var(--clr-text-dk); } .pwr-form.pwr--light::-moz-selection { background: var(--clr-background-lt); color: var(--clr-text-lt); } .pwr-form.pwr--light::selection { background: var(--clr-background-lt); color: var(--clr-text-lt); } /* 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-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-paragraph) * var(--fs-reduction-factor))); } } /* Anchors */ a { color: var(--clr-link-html); text-decoration: none; transition: color .4s ease-in-out, opacity .4s ease-in-out; text-decoration: none; } a:hover { color: var(--clr-link-hover-html); } a:focus { /* outline: none; */ } .pwr-rich-text a:not(.pwr-cta):not(.cta_button) { color: var(--clr-link-lt); } .pwr-rich-text a:not(.pwr-cta):not(.cta_button):hover { color: var(--clr-link-hover-lt); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button), .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr-rich-text .pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not(.cta_button), .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not(.cta_button), .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not(.cta_button) { color: var(--clr-link-dk); } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button):hover, .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .pwr-rich-text .pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not(.cta_button):hover, .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not(.cta_button):hover, .hs_cos_wrapper_type_rich_text .pwr--dark a:not(.pwr-cta):not(.cta_button):hover { color: var(--clr-link-hover-dk); } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: var(--ff-accent); margin: 0; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { /* outline: 0; */ } h1 { font-size: var(--fs-h1); font-weight: var(--fw-h1); letter-spacing: var(--ls-h1); line-height: var(--lh-h1); } h2 { font-size: var(--fs-h2); font-weight: var(--fw-h2); letter-spacing: var(--ls-h2); line-height: var(--lh-h2); } h3 { font-size: var(--fs-h3); font-weight: var(--fw-h3); letter-spacing: var(--ls-h3); line-height: var(--lh-h3); } h4 { font-size: var(--fs-h4); font-weight: var(--fw-h4); letter-spacing: var(--ls-h4); line-height: var(--lh-h4); } h5 { font-size: var(--fs-h5); font-weight: var(--fw-h5); letter-spacing: var(--ls-h5); line-height: var(--lh-h5); } h6 { 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 { font-size: 54px; /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h1) * var(--fs-reduction-factor))); } h2 { font-size: 29px; /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h2) * var(--fs-reduction-factor))); } h3 { font-size: 24px; /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h3) * var(--fs-reduction-factor))); } h4 { font-size: 18px; /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h4) * var(--fs-reduction-factor))); } h5 { font-size: var(--fs-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h5) * var(--fs-reduction-factor))); } h6 { font-size: var(--fs-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h6) * var(--fs-reduction-factor))); } } @media (max-width: 575px) { h1 { font-size: 40px; /* fallback */ --fs-reduced: calc(var(--fs-h1) * var(--fs-reduction-factor)); font-size: max(var(--fs-min),calc(var(--fs-reduced) * var(--fs-reduction-factor))); } } /* 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, ul.no-list, 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 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; } .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-primary); content: ""; height: 2px; left: -42px; position: absolute; top: 15px; width: 22px; } .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: var(--clr-primary); 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 var(--clr-base-lt); border-bottom: 2px solid var(--clr-base-lt); 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: var(--clr-base-lt); } .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:after { border-color: var(--clr-primary); } /* 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; } /* Code blocks */ pre { background-color: var(--clr-background-accent-lt); border: 1px solid var(--clr-base-dk); min-width: 300px; overflow-x: auto; padding: 20px; } table pre { white-space: pre-wrap; } code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 3px solid var(--clr-primary); font-style: italic; font-weight: 500; margin-left: 0; padding-left: 40px; } /* Horizontal rules */ hr { border: 0 none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--clr-background-accent-dk); height: 0px; } /* Image alt text */ img { font-size: 14px; word-break: normal; } /* Buttons */ /* BP */ button, .button { cursor: pointer; display: inline-block; font-size: 0.92rem; text-align: center; transition: all 0.15s linear; white-space: normal; } button:disabled, .button:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } button:hover, button:focus, .button:hover, .button:focus { text-decoration: none; } button:active, .button:active { text-decoration: none; } /* PWR */ body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button { background-color: var(--clr-btn-primary); border-radius: var(--br-btn); border-width: 0; color: var(--clr-btn-txt-lt); cursor: pointer; display: inline-block; font-family: var(--ff-accent); 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: var(--tt-link); } body .hs-button, body input[type="submit"], body input[type="button"] { text-decoration: none !important; -webkit-appearance: none; } body form > input[type="submit"]:hover, body form > input[type="button"]:hover, body #email-prefs-form .hs-button:hover, body .hs-search-module .hs-button:hover { background-color: var(--clr-btn-dk); } body .pwr--dark form > input[type="submit"]:hover, body .pwr--dark form > input[type="button"]:hover, body .pwr--dark #email-prefs-form .hs-button:hover, body .pwr--dark .hs-search-module .hs-button:hover { background-color: var(--clr-btn-lt); color: var(--clr-btn-txt-dk); } .hs-submit { display: inline-block; margin-top: 40px; padding: 0 !important; } @media (max-width: 767px ) { .hs-submit { margin-top: 20px; } } .hs-submit .hs-button { background-color: transparent; border: inherit; cursor: pointer; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; padding: 0; text-align: center; text-transform: inherit; width: 100%; } body .hs-button:focus, body input[type="submit"]:focus, body input[type="button"]:focus { outline: none; } .pwr-cta-container__cta { display: inline-block; margin: 0 10px 10px; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { border: 0; border-radius: var(--br-btn); display: inline-block; font-family: var(--ff-accent); font-size: var(--fs-btn); font-weight: var(--fw-btn); letter-spacing: var(--ls-btn); line-height: 1.6em; text-transform: var(--tt-link); z-index: 0; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { opacity: 1 !important; letter-spacing: .5px; 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: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: var(--clr-btn-primary); } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--primary-solid, .pwr-btn--primary-solid .hs-submit, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit { color: var(--clr-btn-txt-lt); } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover:after, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover:after { background-color: var(--clr-btn-dk); } .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .hs-submit:hover, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--primary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .hs-submit:hover:after, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover:after { background-color: var(--clr-btn-lt); } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover, .pwr--dark .hs-submit:hover, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--primary-solid:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover { color: var(--clr-btn-txt-dk); } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-solid .hs-submit:before, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:before { background-color: var(--clr-btn-dk); } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-solid .hs-submit, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit { color: var(--clr-btn-txt-lt); } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid .hs-submit:hover:after, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover:after { background-color: var(--clr-btn-primary); } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid .hs-submit:hover, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-solid:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-solid .hs-submit:before, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:before { background-color: var(--clr-btn-lt); } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--regular-solid, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .pwr-btn--regular-solid .hs-submit, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit { color: var(--clr-btn-txt-dk); } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover:after, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover:after { background-color: var(--clr-btn-primary); } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .cta_button.pwr-cta--regular-solid:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-solid-primary-background:before, .pwr-btn--regular-solid-primary-background .hs-submit:before { background-color: var(--clr-btn-lt); } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-solid-primary-background, .pwr-btn--regular-solid-primary-background .hs-submit { color: var(--clr-btn-txt-dk); } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid-primary-background .hs-submit:hover:after { background-color: var(--clr-btn-dk); } .cta_button.pwr-cta--regular-solid-primary-background:hover:after { background-color: var(--clr-btn-dk) !important; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid-primary-background .hs-submit:hover { color: var(--clr-btn-txt-lt); } .cta_button.pwr-cta--regular-solid-primary-background:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--primary-border:before, .pwr-btn--primary-border .hs-submit:before { background-color: transparent; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--primary-border, .pwr-btn--primary-border .hs-submit { border-color: var(--clr-btn-primary); color: var(--clr-btn-primary); } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-border .hs-submit:hover:after { background-color: var(--clr-btn-primary); } .cta_button.pwr-cta--primary-border:hover:after { background-color: var(--clr-btn-primary) !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-border .hs-submit:hover { color: var(--clr-btn-txt-lt); } .cta_button.pwr-cta--primary-border:hover { color: var(--clr-btn-txt-lt) !important; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-border:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-border .hs-submit:before, .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: var(--clr-btn-dk); color: var(--clr-btn-txt-dk); } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-border .hs-submit:hover:after, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover:after { background-color: var(--clr-btn-dk); } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-border:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-border .hs-submit:hover, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-border:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-border .hs-submit:before, .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: var(--clr-btn-lt); color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-border .hs-submit:hover:after, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover:after { background-color: var(--clr-btn-lt); } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--regular-border:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-border .hs-submit:hover, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover { color: var(--clr-btn-txt-dk); } /* Keep styles of HubSpot's CTA module configurable */ .dnd-module > .widget-type-cta .cta_button { color: var(--clr-text-lt); } .dnd-module > .widget-type-cta .cta_button:before, .dnd-module > .widget-type-cta .cta_button:after { display: none !important; color: var(--clr-text-lt) !important; } /* Theme settings for submit button of HubSpot's Form module */ div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit { color: var(--clr-btn-txt-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:before { background-color: var(--clr-btn-background-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover { color: var(--clr-btn-hover-txt-hs); } div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form .hs-submit:hover:after { background-color: var(--clr-btn-hover-background-hs); } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link { background-color: transparent; box-shadow: none; margin-right: 20px; overflow: visible; padding: 0; position: relative; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before { color: var(--clr-btn-primary); } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link:after { content: ""; display: block; position: absolute; 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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link:after { bottom: auto; left: auto; top: 50%; right: -20px; width: 10px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); background-color: var(--clr-btn-primary); } .pwr-cta--link .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 .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link:hover:after { background-color: var(--clr-btn-primary); -webkit-transform: translate(4px, -1px); transform: translate(4px, -1px); height: 2px; } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--link, .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--link:not(.pwr-cta--hubspot-style):before { color: var(--clr-btn-txt-lt); } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr--dark .cta_button.pwr-cta--link:after { background-color: var(--clr-btn-txt-lt) !important; } @media (max-width: 767px) { .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button:not(.pwr-cta--hubspot-style) { font-size: calc(var(--fs-btn) - 1px); } } /* Forms */ form fieldset { max-width: 100% !important; } /* Inputs - checkbox/radio */ form .inputs-list input, form .inputs-list span { vertical-align: middle; } form input[type=checkbox], form input[type=radio] { cursor: pointer; margin-right: 0.35rem; } /* Inputs - file picker */ form input[type=file] { background-color: transparent; border: initial; padding: initial; } /* Headings and text */ form .hs-richtext, form .hs-richtext p { font-size: 0.875rem; margin: 0 0 1.4rem; } form .hs-richtext img { max-width: 100% !important; } /* GDPR */ .legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p { margin-left: 1rem !important; } /* Validation */ .hs-error-msg { font-size: var(--fs-form-error); font-weight: var(--fw-form-error); letter-spacing: var(--ls-form-error); margin-top: 0.35rem; } .hs-form-required, .hs-error-msg { color: var(--clr-form-error-lt); } .pwr--dark .hs-form-required, .pwr--dark .hs-error-msg { color: var(--clr-form-error-dk); } .hs-input.invalid.error { border-color: var(--clr-form-error-lt); } .pwr--dark .hs-input.invalid.error { border-color: var(--clr-form-error-dk); } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } /* PWR */ /* Form Field */ body .hs-form-field { margin-bottom: 40px; text-align: left; } /* Labels */ body .hs-form-field > label { color: var(--clr-form-label-lt); 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: var(--clr-form-label-dk); } body .pwr--light .hs-form-field > label, body .pwr-form.pwr--light .hs-form-field > label { color: var(--clr-form-label-lt); } body .hs-form-field > label .hs-form-required { padding-left: 10px; } /* Descriptions / Help-Text */ body .hs-field-desc { font-size: var(--fs-form-help); font-weight: var(--fw-form-help); letter-spacing: var(--ls-form-help); padding: 5px 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 } /* 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: var(--clr-text-lt); height: auto; font-family: var(--ff-base); font-size: var(--fs-form-input); font-weight: var(--fw-form-input); letter-spacing: var(--ls-form-input); padding: 10px 0 5px; 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%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27far%27%20data-icon%3D%27calendar-alt%27%20class%3D%27svg-inline--fa%20fa-calendar-alt%20fa-w-14%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20448%20512%27%3E%3Cpath%20fill%3D%27%23425b76%27%20d%3D%27M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); content: ''; position: absolute; width: 15px; height: 15px; top: 14px; } .pwr--dark .hs-dateinput:before, .pwr-form.pwr--dark .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27far%27%20data-icon%3D%27calendar-alt%27%20class%3D%27svg-inline--fa%20fa-calendar-alt%20fa-w-14%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20448%20512%27%3E%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } .pwr-form.pwr--light .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27far%27%20data-icon%3D%27calendar-alt%27%20class%3D%27svg-inline--fa%20fa-calendar-alt%20fa-w-14%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20448%20512%27%3E%3Cpath%20fill%3D%27%23425b76%27%20d%3D%27M148%20288h-40c-6.6%200-12-5.4-12-12v-40c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v40c0%206.6-5.4%2012-12%2012zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%2096v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm-96%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm192%200v-40c0-6.6-5.4-12-12-12h-40c-6.6%200-12%205.4-12%2012v40c0%206.6%205.4%2012%2012%2012h40c6.6%200%2012-5.4%2012-12zm96-260v352c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h48V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h128V12c0-6.6%205.4-12%2012-12h40c6.6%200%2012%205.4%2012%2012v52h48c26.5%200%2048%2021.5%2048%2048zm-48%20346V160H48v298c0%203.3%202.7%206%206%206h340c3.3%200%206-2.7%206-6z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } .hs-dateinput > .hs-input { padding-left: 25px !important; } .hs-dateinput .fn-date-picker .is-today .pika-button { color: var(--clr-primary); } .hs-dateinput .fn-date-picker .is-selected .pika-button { background: var(--clr-primary); } .hs-dateinput .fn-date-picker .pika-button:hover { background: var(--clr-base-dk) !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%23425b76%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; fill: var(--clr-base-dk); padding: 10px 2.1em 5px 0; 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%23d66b3b%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--dark select option { color: var(--clr-text-lt); } body select::-ms-expand { display: none; } body select option { font-weight:normal; } body .pwr--dark select option { color: var(--clr-text-lt); } 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: var(--clr-form-field-border-lt); border-width: 0 0 2px; } 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: var(--clr-form-field-border-dk); color: var(--clr-text-dk); } 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: var(--clr-primary); 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: var(--clr-form-field-border-dk); } 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 { background-color: transparent; border-color: var(--clr-form-field-border-lt-rgba); border-width: 0 0 2px; color: var(--clr-text-lt); } 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: var(--clr-form-field-border-dk-rgba); color: var(--clr-text-dk); } 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: var(--clr-primary); 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: var(--clr-form-field-border-dk); } /* 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 { color: rgba(var(--clr-text-lt-rgb), .66); } .pwr--dark ::placeholder { color: rgba(var(--clr-text-dk-rgb), .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: var(--clr-form-error-lt); font-size: var(--fs-form-error); font-weight: var(--fw-form-error); letter-spacing: var(--ls-form-error); 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: var(--clr-form-error-dk); } /* Legal consent */ .legal-consent-container, .legal-consent-container p { 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: var(--clr-text-lt); } .pwr--dark .cookie-reset-container a, .pwr--dark .cookie-reset-container a:hover { color: var(--clr-text-dk); } .pwr-form.pwr--light .cookie-reset-container a, .pwr-form.pwr--light .cookie-reset-container a:hover { color: var(--clr-text-lt); } .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:not(.hs-toggle-switch-input), [type="checkbox"]:not(:checked):not(.hs-toggle-switch-input) { position: absolute; left: -9999px; } [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span { cursor: pointer; display: inline-block !important; font-size: var(--fs-form-input); margin:7px 0px !important; padding-top: 1px; padding-left: 50px !important; position: relative; text-transform:none; } [type="checkbox"] + span:before { background-color: rgba(var(--clr-base-dk-rgb),.05) !important; border-radius: var(--br-checkbox); 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: var(--clr-primary); border-radius: var(--br-checkbox); content: ''; height: 14px; left: 7px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; } .pwr--dark [type="checkbox"] + span:before { background-color: var(--clr-background-accent-dk) !important; } .pwr-form.pwr--light [type="checkbox"] + span:before { background-color: rgba(var(--clr-base-dk-rgb),.05) !important; } .pwr-form.pwr--dark [type="checkbox"] + span:before { background-color: var(--clr-base-lt) !important; } [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { cursor: pointer; display: inline-block; font-size: var(--fs-form-input); position: relative; padding-bottom: 18px; padding-left: 50px; } [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after { background-color: rgba(var(--clr-base-dk-rgb),.05) !important; border-radius: 100%; content: ''; height: 24px; left: 0; position: absolute; top: 0; width: 24px; z-index: 0; } [type="radio"]:checked + span:before { background-color: var(--clr-primary); 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"] + span:after { background-color: var(--clr-background-accent-dk) !important; } .pwr-form.pwr--light [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after { background-color: rgba(var(--clr-base-dk-rgb),.05) !important; } .submitted-message { font-weight: 700; text-align: center; } /* Form Title */ .hs_cos_wrapper_type_form .form-title { background-color: var(--clr-form-title-background-hs-rgba); color: var(--clr-form-title-hs); margin-bottom: 20px; padding: 20px var(--sp-p-form-title-desktop); } @media (max-width: 767px) { .hs_cos_wrapper_type_form .form-title { padding: calc(20px * var(--sp-reduction-factor)) 0; } } @media (max-width: 575px) { .hs_cos_wrapper_type_form .form-title { padding-left: var(--sp-p-form-title-mobile); padding-right: var(--sp-p-form-title-mobile); } } #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: var(--clr-form-background-hs-rgba); border: 2px solid var(--clr-form-border-hs-rgba); padding: var(--sp-p-form-desktop); } @media (max-width: 575px) { div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form { padding: var(--sp-p-form-mobile); } } /* Labels */ div:not(.pwr-form) > .hs_cos_wrapper_type_form .hs-form-field > label { color: var(--clr-form-label-hs); } /* 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: var(--clr-form-field-border-hs-rgba); } /* Error Messages */ div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form ul.inputs-list.hs-error-msgs { color: var(--clr-form-error); } /* Table */ table { border: 1px solid; margin-bottom: 1.4rem; overflow-wrap: break-word; } /* Table Cells */ th, td { border: 1px solid; padding: 0.75rem; vertical-align: top; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* Table Header */ thead th, thead td { border-bottom: 2px solid; vertical-align: bottom; } /* Menus */ .pwr-js-menu--translated { display: none; } .pwr-header__menu--mega-menu { font-size: var(--fs-mega-menu); font-weight: var(--fw-mega-menu)px; 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: var(--br-menu); 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: var(--clr-background-lt); } .pwr--dark .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: var(--clr-background-accent-dk); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper ul.hs-menu-children-wrapper, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: var(--clr-background-dk); } .hs-menu-wrapper.flyouts ul.hs-menu-children-wrapper { 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(var(--clr-base-lt-rgb),.2); top: calc( 100% - 1px); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { max-width: var(--lo-content-width); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { width: auto; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 { display: inline-block; flex: 1; vertical-align: top; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-dk-rgb), .2); bottom: 25px; content: ''; display: block; position: absolute; right: 0; top: 33px; width: 1px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(var(--clr-base-lt-rgb), .2); } .hs-menu-wrapper li a { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-accent); 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: var(--clr-txt-nav-dk); content: ""; display: block; height: 7px; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); 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 .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > a { padding-right: 30px; } .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: var(--opc-nav-hover); } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a { background-color: var(--clr-nav-hover-background); } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a, .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: var(--clr-nav-hover-txt); } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a:after, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a:after { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a:after, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: var(--clr-txt-nav-dk); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3 > a { opacity: var(--opc-nav-hover); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { background-color: transparent; color: var(--clr-txt-nav-dk); } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { color: var(--clr-txt-nav-lt); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a { background-color: var(--clr-nav-hover-background); opacity: 1; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a:after, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:after { color: var(--clr-nav-hover-txt); } .pwr-burger .hs-menu-wrapper li.active-branch > a { background-color: var(--clr-nav-hover-background); } .pwr-burger .hs-menu-wrapper li.active-branch > a, .pwr-burger .hs-menu-wrapper li.active-branch > a:after { color: var(--clr-nav-hover-txt); } @media (hover: hover) { .pwr-burger .hs-menu-wrapper li:hover > a { background-color: var(--clr-nav-hover-background); } .pwr-burger .hs-menu-wrapper li:hover > a, .pwr-burger .hs-menu-wrapper li:hover > a:after { color: var(--clr-nav-hover-txt); } } .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: var(--clr-txt-nav-lt); } .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: var(--clr-nav-hover-txt); } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a:after { color: rgba(var(--clr-txt-nav-lt-rgb), .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; } } /* ========================================================================== */ /* 5. COMPONENTS #components */ /* Specific pieces of UI that are stylized. */ /* Global partial styling */ /* Styling of critical modules, common modules, mini modules */ /* ========================================================================== */ /* Default Modules */ /* Follow Me */ #follow-me-module-header { font-size: var(--fs-h4); 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(var(--clr-base-dk-rgb),.05); border: 0; border-top-left-radius: var(--br-input); border-bottom-left-radius: var(--br-input); 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: var(--clr-background-accent-dk); color: var(--clr-text-dk); } /* 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: var(--clr-text-lt); 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(var(--clr-base-dk-rgb), .1); } .pwr--dark .hs-search-field__suggestions li a { color: var(--clr-text-dk); } .pwr--dark .hs-search-field__suggestions a:hover { background-color: rgba(var(--clr-base-lt-rgb), .075); } /* Images and Galleries */ .hs_cos_wrapper_type_linked_image img { border-radius: var(--br-img); } .hs_cos_wrapper_type_gallery img { border-radius: var(--br-img); } .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%20version%3D%271.1%27%20id%3D%27arrow_left%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2015%2025%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20fill%3D%27%23425b76%27%20points%3D%2712%2C24.7%200%2C12.3%2012%2C0%2013.4%2C1.4%202.8%2C12.3%2013.4%2C23.3%20%27%2F%3E%3C%2Fsvg%3E"); } .hs_cos_wrapper_type_gallery .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20id%3D%27arrow_right%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2015%2025%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20fill%3D%27%23425b76%27%20points%3D%271.4%2C24.7%2013.4%2C12.3%201.4%2C0%200%2C1.4%2010.6%2C12.3%200%2C23.3%20%27%2F%3E%3C%2Fsvg%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%20version%3D%271.1%27%20id%3D%27arrow_left%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2015%2025%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20fill%3D%27%23FFFFFF%27%20points%3D%2712%2C24.7%200%2C12.3%2012%2C0%2013.4%2C1.4%202.8%2C12.3%2013.4%2C23.3%20%27%2F%3E%3C%2Fsvg%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%20version%3D%271.1%27%20id%3D%27arrow_right%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2015%2025%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20fill%3D%27%23FFFFFF%27%20points%3D%271.4%2C24.7%2013.4%2C12.3%201.4%2C0%200%2C1.4%2010.6%2C12.3%200%2C23.3%20%27%2F%3E%3C%2Fsvg%3E"); } .hs_cos_gallery_lightbox .caption.below { color: var(--clr-text-dk); } .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: var(--clr-base-dk); 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: var(--clr-primary) !important; opacity: 1; } .pwr--dark .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: var(--clr-base-lt); } /* 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: var(--fs-h2); } .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: var(--fs-h4); } /* Email Subscription */ .hs_cos_wrapper_type_email_simple_subscription .page-header > h1 { font-size: var(--fs-h3); margin: 0 0 40px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 { font-size: var(--fs-h5); 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-size: var(--fs-footer-legal); font-weight: var(--fw-footer-legal); letter-spacing: var(--ls-footer-legal); } /* 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 */ } } /* 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 } } /* 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-base) !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: var(--clr-base-dk) !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border-color: var(--clr-btn-primary) !important; border-radius: 0; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: var(--clr-btn-primary) !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: var(--clr-btn-primary) !important; } div#hs-eu-cookie-confirmation { transform: translateZ(150px); } /* CTA, logo, and rich text images */ .hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; } /* Helper Classes & Shared Styles */ /* 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-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; } @media (max-width: 767px) { .pwr--margin-b-sm { margin-bottom: calc(10px * var(--sp-reduction-factor)); } .pwr--margin-b-md { margin-bottom: calc(20px * var(--sp-reduction-factor)); } .pwr--margin-b-lg { margin-bottom: calc(40px * var(--sp-reduction-factor)) !important; } .pwr--margin-b-xl { margin-bottom: calc(80px * var(--sp-reduction-factor)); } } .pwr--neg-margin-lr-10 { margin-left: -10px; margin-right: -10px; } .pwr--margin-centered { float: none !important; margin-left: auto; margin-right: auto; } /* Padding Classes */ .pwr--padding-l-sm { padding-left: 10px; } .pwr--padding-l-md { padding-left: 20px; } .pwr--padding-l-lg { padding-left: 40px; } .pwr--padding-r-sm { padding-right: 10px; } .pwr--padding-r-lg { padding-right: 40px; } .pwr--padding-t-0 { padding-top: 0 !important; } .pwr--padding-t-10 { padding-top: 10px !important; } .pwr--padding-t-20 { padding-top: 20px !important; } .pwr--padding-t-30 { padding-top: 30px !important; } .pwr--sec-padding-t-sm { padding-top: var(--sp-sec-p-vert-small) !important; } .pwr--sec-padding-t-md { padding-top: var(--sp-sec-p-vert-medium) !important; } .pwr--sec-padding-t-lg { padding-top: var(--sp-sec-p-vert-large) !important; } .pwr--padding-b-0 { padding-bottom: 0 !important; } .pwr--padding-b-10 { padding-bottom: 10px !important; } .pwr--padding-b-20 { padding-bottom: 20px !important; } .pwr--padding-b-30 { padding-bottom: 30px !important; } .pwr--padding-b-md { padding-bottom: 20px; } .pwr--sec-padding-b-sm { padding-bottom: var(--sp-sec-p-vert-small) !important; } .pwr--sec-padding-b-md { padding-bottom: var(--sp-sec-p-vert-medium) !important; } .pwr--sec-padding-b-lg { padding-bottom: var(--sp-sec-p-vert-large) !important; } .pwr-sec--first-with-header { padding-top: 110px; } .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: calc(var(--sp-sec-p-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-t-md { padding-top: calc(var(--sp-sec-p-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-t-lg { padding-top: calc(var(--sp-sec-p-vert-large) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-sm { padding-bottom: calc(var(--sp-sec-p-vert-small) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-md { padding-bottom: calc(var(--sp-sec-p-vert-medium) * var(--sp-reduction-factor)) !important; } .pwr--sec-padding-b-lg { padding-bottom: calc(var(--sp-sec-p-vert-large) * var(--sp-reduction-factor)) !important; } } @media (max-width: 575px ) { .pwr-sec--first-with-header { padding-top: 60px; } .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; } /* Color Classes */ .pwr--dark { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr--light { background-color: var(--clr-background-lt); color: var(--clr-text-lt); } .pwr--txt-light, .pwr--txt-light:hover { color: var(--clr-text-dk); } .pwr--colored-box { background-color: var(--clr-background-accent-lt); border-radius: var(--br-box); color: var(--clr-text-lt); overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: var(--clr-background-accent-dk); color: var(--clr-text-dk); } body .pwr--colored-box.pwr--light { background-color: var(--clr-background-accent-lt); color: var(--clr-text-lt); } body .pwr--colored-box.pwr--dark { background-color: var(--clr-background-accent-dk); color: var(--clr-text-dk); } /* Positioning Classes */ .pwr--flip-hor { 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; } } .pwr--abs-full { height:100%; left:0; position:absolute; top:0; width:100%; } /* Hide */ .pwr--disabled { display: none; } /* Clearfix */ .pwr--clearfix::after { content: " "; display: block; height: 0; clear: both; } /* Rich Text Fields (applied to all template modules) */ .pwr-rich-text { line-height: var(--lh-paragraph); } .pwr-rich-text > *:first-child { margin-top: 0; } .pwr-rich-text:not(.pwr-sec-txt__left) > *:last-child, .pwr-rich-text:not(.pwr-tab__content--left) > *:last-child { margin-bottom: 0; } .pwr-rich-text img { border-radius: var(--br-img); } /* Common Properties for Section Intro Title, Title and Description */ .pwr-sec__title-intro { display: block; 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); } .pwr-sec__title-intro { color: var(--clr-intro-title-lt); } .pwr--dark .pwr-sec__title-intro { color: var(--clr-intro-title-dk); } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: var(--clr-title-lt); } .pwr--dark .pwr-sec__title { color: var(--clr-title-dk); } .pwr-sec__title-intro--narrow, .pwr-sec__title--narrow { max-width: 670px; } .pwr--align-c .pwr-sec__title-intro--narrow, .pwr--align-c .pwr-sec__title--narrow { margin-left: auto; margin-right: auto; } .pwr-sec__desc, .pwr-sec__desc p { display: inline-block; font-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: var(--fs-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-intro-title-sec) * var(--fs-reduction-factor))); margin-bottom: calc(15px * var(--sp-reduction-factor)); } .pwr-sec__desc, .pwr-sec__desc p { font-size: var(--fs-min); /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-desc-sec) * var(--fs-reduction-factor))); } .pwr-sec__title + .pwr-sec__desc { margin-top: calc(25px * var(--sp-reduction-factor)); } } @media (max-width: 575px ) { .pwr-sec__title { word-break: break-word; } } /* 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%; transform: translateX(-50%); } .pwr-video-background--pos-center video, .pwr-video-background--pos-center .pwr-video-background__youtube { left: 50%; transform: translate(-50%, -50%); top: 50%; } .pwr-video-background--pos-left video, .pwr-video-background--pos-left .pwr-video-background__youtube { left: 0; transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-right video, .pwr-video-background--pos-right .pwr-video-background__youtube { right: 0; transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-top video, .pwr-video-background--pos-top .pwr-video-background__youtube { left: 50%; transform: translateX(-50%); top: 0; } /* Parallax */ .pwr-parallax { left: 50%; position: absolute; top: 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: var(--br-box); height: 100%; overflow: unset; transform-style: preserve-3d; } .pwr-3D-box__info-box { transform-style: preserve-3d; transform: translateZ(25px); z-index: 1; } .pwr-3D-box__info-box--centered { left: 50%; opacity: 0; position: absolute; text-align: center; 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: var(--clr-icon-social-lt); } .pwr-social-icon:hover { color: var(--clr-primary); } .pwr--dark .pwr-social-icon, .pwr--dark .pwr-social-icon:hover { color: var(--clr-base-lt); } .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(var(--clr-background-lt-rgb), .85); border-radius: var(--br-btn); color: var(--clr-text-lt); 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(var(--clr-background-dk-rgb), .85); color: var(--clr-text-dk); } .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:%23425b76;%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; } .pwr-search-field__icon { background-color: transparent; border: 0; color: inherit; cursor: pointer; font-size: inherit; padding: 0; position: absolute; right: 18px; transform: translateY(-50%); transition: all .4s ease; top: 50%; } .pwr-search-field__icon:hover svg { fill: var(--clr-primary); } /* Filter */ /* Used by: Image Boxes, Simple Listing, Testimonials, Video Boxes, Blog Listing */ .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: var(--tt-nav) ; } .pwr-filter__link { color: var(--clr-text-lt); font-family: var(--ff-accent); 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: var(--clr-text-dk); } .pwr--light .pwr-filter__link, .pwr-filter.pwr--light .pwr-filter__link { color: var(--clr-text-lt); } .pwr-filter .pwr-filter__link:hover, .pwr-filter .pwr-filter__link.active { color: var(--clr-primary); } /* Header */ /* Header Top */ .pwr-header-top { background-color: var(--clr-background-lt); border-bottom: 1px solid rgba(var(--clr-base-dk-rgb), .1); font-size: var(--fs-header-top); font-family: var(--ff-base); font-weight: var(--fw-header-top); letter-spacing: var(--ls-header-top); padding: 15px 0; position: relative; z-index: 1001; } .pwr-header-top.pwr--dark { background-color: var(--clr-background-dk); border-color: rgba(var(--clr-base-lt-rgb), .1); } .pwr-header-top--transparent { background-color: transparent !important; position: absolute; left: 0; right: 0; top: 0; } .pwr-header-top__menu { float: left; } .pwr-header-top__social { float: right; } .pwr-header-top__social .pwr-social-icon { transition: none; } .pwr--dark .pwr-header-top__social .pwr-social-icon { color: var(--clr-txt-nav-lt); opacity: 1; } .pwr--dark .pwr-header-top__social .pwr-social-icon:hover { opacity: var(--opc-nav-hover); } .pwr-header-top__menu .hs-menu-wrapper li a { color: var(--clr-txt-nav-dk); display: inline-block; padding: 0; } .pwr-header-top__menu .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: var(--clr-txt-nav-lt); } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: var(--clr-txt-nav-dk); content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: var(--clr-txt-nav-lt); } @media (max-width: 575px ) { .pwr-header-top { display: none; } } /* Header Main */ .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: var(--clr-background-lt); font-size: var(--fs-header); font-weight: var(--fw-header); letter-spacing: var(--ls-header); position: relative; text-transform: var(--tt-nav); transition: background 0.4s ease; z-index: 1000; } .pwr-header { transform: translateZ(100px); } .pwr-header.pwr--dark { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr-header--light-on-scroll.scroll { background-color: var(--clr-background-lt); color: var(--clr-text-lt); } .pwr-header--dark-on-scroll.scroll { background-color: var(--clr-background-dk); color: var(--clr-text-dk); } .pwr-header--transparent:not(.scroll) { background-color: transparent; } .pwr-header--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%); } .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo, .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-logo, .pwr-header--dark-on-scroll.scroll .pwr-header-logo:hover { color: var(--clr-text-dk); } .pwr-header--light-on-scroll.scroll .pwr-header-logo { color: var(--clr-text-lt); } .pwr-header-logo .logo-company-name { font-family: var(--ff-base); font-size: 28px; margin: 0; display: inline-block; } .pwr-header-logo__img, .pwr-header-logo__img--sticky { max-width: 230px; } .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky, .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img, .pwr-header.scroll .pwr-header-logo--has-sticky .hs_cos_wrapper_type_logo { display: none; } .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky { display: block; } .pwr-header__menu { position: absolute; left: var(--lo-header-shift-left); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr--full-width .pwr-header__menu { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-header__menu--right { left: auto; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-header__menu--right-with-lang { right: 80px; } .pwr-header-right-bar { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .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:hover { color: var(--clr-text-dk); } .pwr-header-right-bar__link { color: var(--clr-txt-nav-dk); 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: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__link { color: var(--clr-txt-nav-dk); } .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-dk); } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: var(--clr-txt-nav-dk); } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: var(--opc-nav-hover); } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-dk); } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: var(--clr-txt-nav-dk); } .pwr-dropdown { box-shadow: 0px 15px 30px rgba(0,0,0,.05); border-radius: var(--br-menu); opacity: 0; position: absolute; top: 58px; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%); 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: var(--clr-background-lt); } .pwr--dark .pwr-dropdown, .pwr-header--dark-on-scroll.scroll .pwr-dropdown { background-color: var(--clr-background-dk); } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: var(--clr-txt-nav-dk); } .pwr--dark .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: var(--clr-txt-nav-lt); } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: var(--opc-nav-hover); } .pwr-header-right-bar__phone .pwr-header-right-bar__link { padding: 36px 0; } .pwr-header-right-bar__phone:hover .pwr-dropdown, .pwr-header-right-bar__language-switcher:hover .pwr-dropdown { visibility: visible; opacity: 1; } .pwr-header-right-bar__language-switcher { font-family: var(--ff-accent); } .pwr-dropdown__title { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-accent); font-size: var(--fs-base)px; font-weight: 700; margin-bottom: 3px; } .pwr-dropdown__link { color: var(--clr-txt-nav-dk); display: block; font-family: var(--ff-base); font-size: var(--fs-header); font-weight: 500; opacity: var(--opc-nav-hover); transition-duration: .2s; } a.pwr-dropdown__link:hover { color: var(--clr-txt-nav-dk); opacity: 1; } .pwr--dark:not(.scroll) .pwr-dropdown__title, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__title, .pwr--dark:not(.scroll) .pwr-dropdown__link, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link, .pwr--dark:not(.scroll) .pwr-dropdown__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link:hover { color: var(--clr-txt-nav-lt); } .pwr-header-right-bar__language-link { display: block; font-family: var(--ff-accent); font-weight: 700; opacity: var(--opc-nav-hover); padding: 2px 0; } /* Header Search Input */ .pwr-header-search { font-size: var(--fs-base)px; 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: var(--lo-content-width); } #pwr-header-search__input { background-color: transparent; border: 0; font-size: 18px; font-weight: 500; outline: none; padding: 15px 52px 15px 0; } #pwr-header-search__input::-ms-clear { display: none; } .pwr-header-search .pwr-search-field__icon { right: 55px; } .pwr-header-search .pwr-search-field__icon:not(:hover) svg { fill: currentColor !important; } .pwr-header-search__close { height: 18px; position: absolute; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 18px; } .pwr-header-search__close-icon { left: 50%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; 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: var(--clr-primary); } .pwr-header-search__close-icon::before { left: -9px; width: 20px; height: 2px; } .pwr-header-search__close-icon::after { top: -9px; width: 2px; height: 20px; } .pwr--dark .pwr-header-search, .pwr-header--dark-on-scroll.scroll .pwr-header-search { background-color: var(--clr-background-dk); color: var(--clr-txt-nav-lt); } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: var(--clr-txt-nav-lt); } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(var(--clr-txt-nav-lt-rgb), .66); } .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: var(--clr-txt-nav-lt); } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: var(--clr-background-lt); color: var(--clr-txt-nav-dk); } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: var(--clr-txt-nav-dk); } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(var(--clr-txt-nav-dk-rgb), .66); } .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: var(--clr-txt-nav-dk); } @media (max-width: 1200px ) { .pwr-header__menu { display: none; } .pwr-header-right-bar { right: 60px; } } @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-right-bar--lp { display: none; } } @media (max-width: 575px ) { .pwr-header-right-bar { display: none !important; } .pwr-header-fixed { top: 0 !important; } } /* Header Burger */ .pwr-burger { background-color: var(--clr-background-lt); box-shadow: 0px 15px 30px rgba(0,0,0,.05); bottom: 0; color: var(--clr-txt-nav-dk); display: flex; flex-direction: column; 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 { -webkit-transform: translateZ(100px); transform: translateZ(100px); } .pwr-burger.pwr--dark { background-color: var(--clr-background-dk); color: var(--clr-txt-nav-lt); } .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: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .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: var(--clr-txt-nav-dk); height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr--dark .pwr-burger__icon-open span, .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: var(--clr-txt-nav-lt); } .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:after { background-color: var(--clr-txt-nav-dk); } .pwr-burger__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: var(--clr-txt-nav-dk); } .pwr--dark .pwr-burger__trigger-close, .pwr--dark .pwr-burger__trigger-close:hover { color: var(--clr-txt-nav-lt); } .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: var(--clr-txt-nav-dk); content: ""; position: absolute; transition: background .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-link { display: block; } .pwr-burger-bottom-bar__item-link, .pwr-burger-bottom-bar__item-link:hover { color: var(--clr-txt-nav-dk); } .pwr--dark .pwr-burger-bottom-bar__item-link, .pwr--dark .pwr-burger-bottom-bar__item-link:hover { color: var(--clr-txt-nav-lt); } .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: var(--clr-txt-nav-dk) !important; font-size: var(--fs-burger); margin: 5px 0; padding-right: 30px !important; } .pwr-burger-search__input::placeholder { color: rgba(var(--clr-txt-nav-dk-rgb), .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(var(--clr-txt-nav-dk-rgb), var(--opc-nav-hover)); } .pwr--dark .pwr-burger-contact__link, .pwr--dark .pwr-burger-language__link { color: rgba(var(--clr-txt-nav-lt-rgb), var(--opc-nav-hover)); } .pwr-burger-social { font-size: 15px; margin-top: 30px; } .pwr-burger-social .pwr-social-icon { color: var(--clr-txt-nav-dk); opacity: var(--opc-nav-hover); } .pwr-burger-social .pwr-social-icon:hover { opacity: 1; } .pwr--dark .pwr-burger-social .pwr-social-icon { color: var(--clr-txt-nav-lt); } .pwr--dark .pwr-burger__icon-close::before, .pwr--dark .pwr-burger__icon-close::after { background-color: var(--clr-txt-nav-lt); } .pwr--dark .pwr-burger-search__input { color: var(--clr-txt-nav-lt) !important; } .pwr--dark .pwr-burger-search__input::placeholder { color: rgba(var(--clr-txt-nav-lt-rgb), .66); } @media (min-width: 1200px ) { .pwr-burger__trigger-open--mobile-only { display: none !important; } } @media (max-width: 991px ) and (orientation: landscape) { .pwr-burger-bottom-bar { display: none; } } /* Navigation skipper */ .header__skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .header__skip:hover, .header__skip:focus, .header__skip:active { height: auto; left: 0; overflow: visible; top: 0; width: auto; } /* Page Editor Fix - Header module - Revoke temporary constraint */ .pwr--page-editor-fix { max-height: 100% !important; } /* Sec Hero */ .pwr-hero { overflow: hidden; position: relative; /*word-break: break-word;*/ z-index: 0; } .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--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--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__info-box { position: absolute; bottom: 120px; width: 100%; } .pwr-hero__info-box--centered { text-align: center; } .pwr-hero--small .pwr-hero__info-box, .pwr-hero--x-small .pwr-hero__info-box { bottom: 80px; } .pwr-hero__title { color: var(--clr-title-lt); font-family: var(--ff-accent); line-height: 1.18em; margin: 0; text-transform: var(--tt-title); } .pwr--dark .pwr-hero__title { color: var(--clr-title-dk); } .pwr-hero__title--narrow { max-width: 800px; } .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-knockout__title { font-family: var(--ff-accent); font-weight: 800; color: transparent; display: inline-block; height: 100%; letter-spacing: -.05em; line-height: 1.01em; max-width: 100vw; position: absolute; top: 0; white-space: nowrap; width: 100%; } .pwr-hero-knockout__title--hidden { opacity: 0; position: absolute; } .pwr-hero-knockout__mask { left: 0; position: absolute; top: 0; } .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; } .pwr-hero__desc--narrow { 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; } } @media (max-width: 991px) { .pwr-hero__title--extra-large { font-size: 110px; } .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; /* fallback */ font-size: max(var(--fs-min),calc(var(--fs-h1) * var(--fs-reduction-factor))); letter-spacing: -1px; } .pwr-hero__basic-info, .pwr-hero__desc--larger { font-size: 30px; /* fallback */ font-size: max(var(--fs-min),calc(30px * var(--fs-reduction-factor))); } .pwr-hero__desc { font-size: 18px; /* fallback */ font-size: max(var(--fs-min),calc(18px * var(--fs-reduction-factor))); } } @media (max-width: 575px) { .pwr-hero { height: auto !important; min-height: 250px; } .pwr-hero.pwr--has-background-img { height: 70vh !important; } .pwr-hero:not(.pwr--has-background-img) .pwr-hero__info-box, .pwr-hero:not(.pwr--has-background-img) .pwr-hero__info-box.page-center { bottom: auto; margin-bottom: 60px; margin-top: 80px; position: relative; } .pwr-hero.pwr--has-background-img .pwr-hero__info-box, .pwr-hero.pwr--has-background-img .pwr-hero__info-box.page-center { bottom: 40px; } .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__title { font-size: 40px; 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; } } /* Footer - General / Copyright-Bar */ .pwr-footer { 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: var(--clr-text-lt); } .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: var(--clr-txt-nav-dk); } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top):hover { color: rgba(var(--clr-txt-nav-dk-rgb), var(--opc-footer-hover)); } .pwr-footer.pwr--dark { color: var(--clr-text-dk); } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top) { color: rgba(var(--clr-txt-nav-lt-rgb), var(--opc-footer-hover)); } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top):hover { color: var(--clr-txt-nav-lt); } /* Logo */ .pwr-footer__logo { color: var(--clr-txt-nav-dk); position: relative; } .pwr-footer__logo img { height: auto; } .pwr-footer__logo .logo-company-name { display: inline-block; 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: var(--clr-txt-nav-lt); } /* 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-bottom: 0; padding-top: 0; padding-left: 0; } /* Copyright Bar */ .pwr-footer-legal { 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: none; 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: 575px) { .pwr-footer .hs-menu-wrapper ul.hs-menu-children-wrapper { min-width: 0; } } /* Footer Full */ .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-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: var(--clr-text-lt); } .pwr--dark .pwr-footer-company-info__desc, .pwr--dark .pwr-footer-company-info__icons { color: var(--clr-text-dk); } .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: var(--clr-text-lt); display: block; font-family: var(--ff-accent); 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: var(--clr-text-dk); } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { background-color: transparent; color: var(--clr-txt-nav-dk); font-family: var(--ff-base); 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(var(--clr-txt-nav-dk-rgb), var(--opc-footer-hover)); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { color: rgba(var(--clr-txt-nav-lt-rgb), var(--opc-footer-hover)); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover { color: var(--clr-txt-nav-lt); } .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(var(--clr-base-dk-rgb),.05); border: 0; border-top-left-radius: var(--br-input); border-bottom-left-radius: var(--br-input); font-size: var(--fs-footer-txt); font-weight: var(--fw-footer-txt); height: 50px; letter-spacing: var(--ls-footer-txt); padding: 16px 20px; } .pwr--dark .pwr-footer-subscribe__form .hs-email .hs-input { background-color: var(--clr-background-accent-dk); color: var(--clr-text-dk) } .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: 575px) { .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: var(--clr-btn-primary); border-radius: var(--br-btn); color: var(--clr-btn-txt-lt); 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: var(--clr-btn-dk); color: var(--clr-btn-txt-lt); } .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: var(--clr-btn-lt); color: var(--clr-btn-primary); } @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: calc(105px * var(--sp-reduction-factor)); } } /* Footer Reduced */ .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: var(--tt-nav); 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-accent); 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__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; } .pwr-footer-reduced__menu .hs-menu-wrapper li a { padding-left: 0 !important; } } @media( max-width: 575px ) { .pwr-footer-reduced__logo { max-width: 100%; } } /* Footer Simple Link */ .pwr-footer-link { padding: 140px 0; } .pwr-footer-link__cta { font-family: var(--ff-accent); font-size: 70px; font-weight: 700; height: 1.5em; letter-spacing: -1px; margin-bottom: 40px; position: relative; } .pwr-link { color: var(--clr-text-lt); text-decoration: none; box-shadow: inset 0 -0.382em 0 var(--clr-primary); 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 var(--clr-primary); } .pwr--dark .pwr-link, .pwr-link:hover { color: var(--clr-text-dk) !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: var(--fw-footer-legal); letter-spacing: var(--ls-footer-legal); position: relative; } .pwr-footer-link__icons { font-size: 19px; margin-top: 40px; position: relative; } @media (max-width: 767px) { .pwr-footer-link { padding: calc(140px * var(--sp-reduction-factor)) 0; } .pwr-footer-link__cta { font-size: calc(70px * var(--sp-reduction-factor)); } } @media (max-width: 575px ) { .pwr-footer-link__cta { font-size: 30px; height: auto; line-height: 1.5em; white-space: normal; word-break: break-all; } } /* ========================================================================== */ /* 6. THIRD PARTY #third */ /* ========================================================================== */ [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)}}