/*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Template V1.0 */ /* by maka Ageny */ /* */ /* STYLE SETTINGS V1.0 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* With this file we provide you with some comfortable options to adjust */ /* some global style aspects of the POWER template to your needs. */ /* */ /* DON'T PANIC, it's way easier than it looks ;) We will guide you */ /* through the different configuration possibilities. */ /* */ /****************************************************************************/ /***************************************************************************** INDEX: 1. LAYOUT #lay 2. COLORS #col - Base Colors #col-base - Specific Colors #col-spec 3. TYPOGRAPHY #typo - Font Families #typo-fam - Body #typo-bod - Headings #typo-head 4. BLOG #blog 5. BUTTONS #btn 6. FORMS #form 7. HEADER #head 8. FOOTER #foot 9. EFFECTS #eff - 3D box effect - Button hover effect 10. GLOBAL STYLES #glo *****************************************************************************/ /* ========================================================================== 1. LAYOUT #lay ========================================================================== */ /* * Main header menu position * * Position in percent. * Automatically centered if header is full-width */ /* Content width (Pixels) */ /* Side spacing when content width is bigger than screen size (Pixels) */ /* Section padding in pixel * Relates to 'padding top' and 'padding bottom' setting in modules */ /* Responsive Breakpoints (Pixels) */ /* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */ /* ========================================================================== 2. COLORS #col The colors are configured in the HEX format. ========================================================================== */ /* ========================================================================== Base colors #col-base ========================================================================== */ /* Background color for dark-mode, dark text color, dark borders, ... */ /* Dark accent background color for boxes in front of dark background (baseDarkColor) */ /* Background color for light-mode, light text color, light borders, ... */ /* Light accent background color for boxes in front of light background (baseLightColor) */ /* Brand colors for Accents / Hightlights, Hovers, Buttons, Lists, ... */ /* ========================================================================== Specific colors #col-spec ========================================================================== */ /* Dark / Light background colors */ /* Dark / Light accent background colors */ /* Dark / Light text colors */ /* Dark / Light intro title and title colors */ /* Dark / Light Link-Colors for rich-text fields */ /* Primary / Dark / Light button background + text colors */ /* Social Icon color used for Header Top (light), Author Page, Media Content Split module */ /* Form error messages color */ /* ========================================================================== 3. TYPOGRAPHY #typo ========================================================================== */ /* ========================================================================== Font Families #typo-fam ========================================================================== */ /* Google Fonts via @import */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); /* Font family to use in the template */ /* You can use a different accent font-family for titles, CTAs, Menu, ... */ /* Switch font smoothing on (true) or off (false) */ /* ========================================================================== Body #typo-bod ========================================================================== */ /* ========================================================================== Headings #typo-head ========================================================================== */ /* ========================================================================== 4. BLOG #log ========================================================================== */ /* Typography */ /* ========================================================================== 5. BUTTONS #btn ========================================================================== */ /* Solid Primary */ /* Solid Secondary */ /* Solid Light */ /* Solid Dark */ /* Simple Primary */ /* Simple Secondary */ /* Simple Light */ /* Simple Dark */ /* ========================================================================== 6. FORMS #form ========================================================================== */ /* Typography */ /* ========================================================================== 7. HEADER #head ========================================================================== */ /* Typography */ /* Main Text Colors */ /* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */ /* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */ /* ========================================================================== 8. FOOTER #foot ========================================================================== */ /* Titles */ /* Links */ /* Copyright & Legal */ /* Social Icons */ /* ========================================================================== 9. EFFECTS #eff ========================================================================== */ /* Switch 3D box effect on (true) or off (false) */ /* Switch button hover effect on (true) or off (false) */ /* ========================================================================== 10. GLOBAL STYLES #glo Including global styles for main website, microsites, lp's, etc. ========================================================================== */ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Template V1.0 */ /* by maka Ageny */ /* */ /* STYLE DECLARATIONS V1.1 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /***************************************************************************** INDEX: 1. MACROS #macro 2. GENERIC #gen - Normalize #gen-n - Deafult Modules #gen-dm 3. LAYOUT #lay - Default Layout #lay-d - Custom Layout #lay-cust 4. ELEMENTS #elem - Buttons #elem-btn - Forms #elem-form - Menus #elem-menu - Typography #elem-typo 5. UTILITIES #util - Helper Classes #util-help - Shared Styles #util-ss 6. HEADER #head - Header Top #head-t - Header Main #head-m - Header Burger #head-b 7. FOOTER #foot - General #foot-gral - Top Section #foot-top - Bottom Section #foot-bot 8. BLOG #blog - Listing #blog-l - Listing Filter #blog-lf - Blog Post #blog-po - Blog Post Hero #blog-ph - Author #blog-a - Pagination #blog-pag - Commments #blog-c 9. MODULES #mod - Modal #mod-mod - System - Email Preferences #mod-pref - System - Email Subscriptions #mod-sub - System - Password Prompt #mod-pp - System - Search Results #mod-ss - Standalone - Maintenance or Error #mod-me - Standalone - Previous Next Navigation #mod-pnn - Standalone - Text with TOC / Pillar Page TOC #mod-toc - Section Accordion #mod-a - Section Blog Posts Preview #mod-bpp - Section Device Mockup #mod-dm - Section Disclaimer #mod-disc - Section Features #mod-feat - Section Form #mod-frm - Section Image Boxes #mod-ib - Section List #mod-list - Section Logo Slider #mod-ls - Section Nav Boxes Slider #mod-nbs - Section Sidenav #mod-sn - Section Stats #mod-stat - Section Steps #mod-stp - Section Tabs #mod-tabs - Section Team #mod-team - Section Testimonial Slider #mod-ts 10. MISCELLANOUS #misc 11. THIRD PARTY #third - TocBot #third-toc - Owl Carousel #third-owl - Youtube Player #third-yt - Featherlight Lightbox #third-fl *****************************************************************************/ /* ========================================================================== 1. MACROS #macro ========================================================================== */ /* Is used to reduce spacing (padding, margin) for smaller screens */ /* ========================================================================== 2. GENERIC #gen ========================================================================== */ /* ========================================================================== Normalize #gen-n ========================================================================== */ /*! 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 */ overflow-x: hidden; } /* Sections */ /* Remove the margin in all browsers. */ body { margin: 0; overflow-x: hidden; } /* Render the `main` element consistently in IE. */ main { display: block; } /* 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 */ } /* Tables */ /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* 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; } /* 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; } /* 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; } /* Reset */ *, *:before, *:after { box-sizing: border-box; } /* ========================================================================== Default Modules #gen-dm ========================================================================== */ /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { border-radius: 4px; display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } /* 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%; } /* Email Subscription */ .hs_cos_wrapper_type_email_simple_subscription .page-header > h1 { font-size: 48pxpx; margin: 0 0 40px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 { font-size: 32pxpx; 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; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0 } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0 } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2% } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01% } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto } /* Follow Me */ #follow-me-module-header { font-size: 38pxpx; margin: 0 0 20px; } /* Forms */ #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } 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: 767px ) { 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; } } /* Footer */ .hs_cos_wrapper_type_page_footer footer { margin: 10px 0; display: block; font-size: 14px; } /* 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(0, 0, 0,.05); border: 0; font-size: 14px; height: 49px; margin-right: -4px; padding: 16px 20px; width: auto; } .hs_cos_wrapper_type_password_prompt .hs-button, .hs-search-module .hs-button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .hs-search-module .hs-button { padding-bottom: 12px !important; padding-top: 12px !important; } .pwr--dark .hs-search-module .hs-input, .pwr--dark .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password { background-color: #282B34; color: #FFFFFF } /* Headers */ .hs_cos_wrapper_type_section_header .section-header h1 { font-size: 55pxpx; } .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: 38pxpx; } /* Images and Galleries */ .hs_cos_gallery_lightbox_thumbnails img { border-radius: 0; } .hs_cos_wrapper_type_gallery .slick-prev, .hs_cos_wrapper_type_gallery .slick-next, .hs_cos_gallery_lightbox .slick-prev, .hs_cos_gallery_lightbox .slick-next { height: 25px; width: 20px; } .hs_cos_gallery_lightbox .slick-prev { left: 8px; } .hs_cos_gallery_lightbox .slick-next { right: 3px; } .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before { background-repeat: no-repeat; content: ''; display: block; height: 25px; opacity: 1; width: 20px; } .vex-content.hs-gallery .vex-close:before, .vex-content.hs-gallery .vex-close:after { height: 3px; width: 26px; } .vex-content.hs-gallery .vex-close:hover::after, .vex-content.hs-gallery .vex-close:hover::before { box-shadow: none !important; } .hs_cos_wrapper_type_gallery .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23000000' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .hs_cos_wrapper_type_gallery .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23000000' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_gallery_lightbox .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .hs_cos_gallery_lightbox .caption.below { color: #FFFFFF; } .hs_cos_wrapper_type_gallery .slick-dots { line-height: 3px; } .hs_cos_wrapper_type_gallery .slick-dots li { height: auto; width: auto; } .hs_cos_wrapper_type_gallery .slick-dots li button:before { display: none !important; } .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #000000; 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: #4218f0 !important; opacity: 1; } .pwr--dark .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #FFFFFF; } /* 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 } } /* 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: bold; margin-bottom: 10px; } .hs-search-field__suggestions li a { color: #000000; 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(0, 0, 0, .1); } .pwr--dark .hs-search-field__suggestions li a { color: #FFFFFF; } .pwr--dark .hs-search-field__suggestions a:hover { background-color: rgba(255, 255, 255, .075); } /* Space Module */ .widget-type-space { visibility: hidden; } /* 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 */ } } /* 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: bold; } /* ========================================================================== 3. LAYOUT #lay ========================================================================== */ /* ========================================================================== Default Layout #lay-d ========================================================================== */ .content-wrapper { margin: 0; padding: 0; } .row-fluid { width: 100%; } .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%; -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 { min-height: 0 !important; width: 99.99999998999999%; } .row-fluid .span11 { width: 91.489361693%; } .row-fluid .span10 { width: 82.97872339599999%; } .row-fluid .span9 { width: 74.468085099%; } .row-fluid .span8 { width: 65.95744680199999%; } .row-fluid .span7 { width: 57.446808505%; } .row-fluid .span6 { width: 48.93617020799999%; } .row-fluid .span5 { width: 40.425531911%; } .row-fluid .span4 { width: 31.914893614%; } .row-fluid .span3 { width: 23.404255317%; } .row-fluid .span2 { width: 14.89361702%; } .row-fluid .span1 { width: 6.382978723%; } .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%; } .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%; -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%; } .row-fluid .span11 { width: 91.436464082%; } .row-fluid .span10 { width: 82.87292817100001%; } .row-fluid .span9 { width: 74.30939226%; } .row-fluid .span8 { width: 65.74585634900001%; } .row-fluid .span7 { width: 57.182320438000005%; } .row-fluid .span6 { width: 48.618784527%; } .row-fluid .span5 { width: 40.055248616%; } .row-fluid .span4 { width: 31.491712705%; } .row-fluid .span3 { width: 22.928176794%; } .row-fluid .span2 { width: 14.364640883%; } .row-fluid .span1 { width: 5.801104972%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; } .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%; -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%; } .row-fluid .span11 { width: 91.45299145300001%; } .row-fluid .span10 { width: 82.905982906%; } .row-fluid .span9 { width: 74.358974359%; } .row-fluid .span8 { width: 65.81196581200001%; } .row-fluid .span7 { width: 57.264957265%; } .row-fluid .span6 { width: 48.717948718%; } .row-fluid .span5 { width: 40.170940171000005%; } .row-fluid .span4 { width: 31.623931624%; } .row-fluid .span3 { width: 23.076923077%; } .row-fluid .span2 { width: 14.529914530000001%; } .row-fluid .span1 { width: 5.982905983%; } } /* ========================================================================== Custom Layout #lay-cust ========================================================================== */ .d-block { display: block; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .d-inline-block { display: inline-block; } .d-inline-flex { display: inline-flex; } .d-none { display: none; } @media (max-width: 1280px) { .d-lg-block { display: block; } .d-lg-flex { display: flex; } .d-lg-inline-block { display: inline-block; } .d-lg-inline-flex { display: inline-flex; } .d-lg-none { display: none; } } @media (max-width: 991px) { .d-md-block { display: block; } .d-md-flex { display: flex; } .d-md-inline-block { display: inline-block; } .d-md-inline-flex { display: inline-flex; } .d-md-none { display: none; } } @media (max-width: 767px) { .d-sm-block { display: block; } .d-sm-flex { display: flex; } .d-sm-inline-block { display: inline-block; } .d-sm-inline-flex { display: inline-flex; } .d-sm-none { display: none; } } .flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .justify-content-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-content-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-around { -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; } .justify-content-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-evenly { -webkit-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly; } .align-items-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-items-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-items-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-items-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 1280px) { .flex-lg-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-lg-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-lg-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-lg-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .justify-content-lg-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-content-lg-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; } .justify-content-lg-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-lg-evenly { -webkit-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly; } .align-items-lg-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-items-lg-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-items-lg-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-items-lg-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-items-lg-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (max-width: 991px) { .flex-md-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-md-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-md-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-md-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .justify-content-md-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-content-md-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-md-around { -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; } .justify-content-md-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-md-evenly { -webkit-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly; } .align-items-md-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-items-md-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-items-md-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-items-md-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-items-md-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (max-width: 767px) { .flex-sm-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-sm-column-reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-sm-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-sm-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .justify-content-sm-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-content-sm-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; } .justify-content-sm-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-sm-evenly { -webkit-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly; } .align-items-sm-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-items-sm-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-items-sm-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-items-sm-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-items-sm-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } @media (max-width: 1280px) { .mt-lg-0 { margin-top: 0; } .mb-lg-0 { margin-bottom: 0; } } @media (max-width: 991px) { .mt-md-0 { margin-top: 0; } .mb-md-0 { margin-bottom: 0; } } @media (max-width: 767px) { .mt-sm-0 { margin-top: 0; } .mb-sm-0 { margin-bottom: 0; } } .pt-0 { padding-top: 0; } .pt-1 { padding-top: 40px; } .pt-2 { padding-top: 80px; } .pt-3 { padding-top: 100px; } .pt-4 { padding-top: 140px; } .pt-5 { padding-top: 180px; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 40px; } .pb-2 { padding-bottom: 80px; } .pb-3 { padding-bottom: 100px; } .pb-4 { padding-bottom: 140px; } .pb-5 { padding-bottom: 180px; } @media (max-width: 1280px) { .pt-lg-0 { padding-top: 0; } .pt-lg-1 { padding-top: 40px; } .pt-lg-2 { padding-top: 80px; } .pt-lg-3 { padding-top: 100px; } .pt-lg-4 { padding-top: 140px; } .pt-lg-5 { padding-top: 180px; } .pb-lg-0 { padding-bottom: 0; } .pb-lg-1 { padding-bottom: 40px; } .pb-lg-2 { padding-bottom: 80px; } .pb-lg-3 { padding-bottom: 100px; } .pb-lg-4 { padding-bottom: 140px; } .pb-lg-5 { padding-bottom: 180px; } } @media (max-width: 991px) { .pt-md-0 { padding-top: 0; } .pt-md-1 { padding-top: 30px; } .pt-md-2 { padding-top: 60px; } .pt-md-3 { padding-top: 75px; } .pt-md-4 { padding-top: 105px; } .pt-md-5 { padding-top: 135px; } .pb-md-0 { padding-bottom: 0; } .pb-md-1 { padding-bottom: 30px; } .pb-md-2 { padding-bottom: 60px; } .pb-md-3 { padding-bottom: 75px; } .pb-md-4 { padding-bottom: 105px; } .pb-md-5 { padding-bottom: 135px; } } @media (max-width: 767px) { .pt-sm-0 { padding-top: 0; } .pt-sm-1 { padding-top: 30px; } .pt-sm-2 { padding-top: 60px; } .pt-sm-3 { padding-top: 75px; } .pt-sm-4 { padding-top: 105px; } .pt-sm-5 { padding-top: 135px; } .pb-sm-0 { padding-bottom: 0; } .pb-sm-1 { padding-bottom: 30px; } .pb-sm-2 { padding-bottom: 60px; } .pb-sm-3 { padding-bottom: 75px; } .pb-sm-4 { padding-bottom: 105px; } .pb-sm-5 { padding-bottom: 135px; } } /* ========================================================================== 4. ELEMENTS #elem ========================================================================== */ /* ========================================================================== Buttons #elem-btn ========================================================================== */ body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button { background-color: #4218f0; border-radius: 6px; border-width: 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Inter, sans-serif;; font-size: 13px; font-weight: 700; opacity: 1 !important; padding: 15px 21px; text-transform: uppercase; transition: all .4s ease-in-out; } 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: #4218f0; } 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: #4218f0; color: #FFFFFF; } .hs-submit { display: inline-block; margin-top: 40px; padding: 0 !important; } .hs-submit .hs-button { background-color: transparent; border: inherit; cursor: pointer; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; padding: 15px 21px; text-align: center; text-transform: inherit; width: 100%; } body .hs-button:focus, body input[type="submit"]:focus, body input[type="button"]:focus { outline: none; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-btn--link { border: 0; border-radius: 6px; font-family: Inter, sans-serif;; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.6em; opacity: 1 !important; overflow: hidden; padding: 15px 21px; position: relative; transition: all .4s ease-in-out; text-transform: uppercase; z-index: 0; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { display: inline-block; } .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; } .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: #4218f0; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--primary-solid, .pwr-btn--primary-solid .hs-submit, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit { color: #FFFFFF; } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover:after, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover:after { background-color: #000000; } .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .hs-submit:hover, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--primary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .hs-submit:hover:after, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover, .pwr--dark .hs-submit:hover, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--primary-solid:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover { color: #000000; } .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--secondary-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--secondary-solid .hs-submit:before, .pwr-form.pwr-btn--secondary-solid.pwr--light .hs-submit:before { background-color: #430d40; } .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--secondary-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--secondary-solid .hs-submit, .pwr-form.pwr-btn--secondary-solid.pwr--light .hs-submit { color: #FFFFFF; } .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--secondary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--secondary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--secondary-solid.pwr--light .hs-submit:hover:after { background-color: #000000; } .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--secondary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--secondary-solid .hs-submit:hover, .pwr-form.pwr-btn--secondary-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr--dark .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--secondary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--secondary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--secondary-solid.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .pwr--dark .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--secondary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--secondary-solid .hs-submit:hover, .pwr-form.pwr-btn--secondary-solid.pwr--dark .hs-submit:hover { color: #000000; } .pwr--dark .cta_button.pwr-cta--secondary-solid:hover { color: #000000 !important; } .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--light-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--light-solid .hs-submit:before, .pwr-form.pwr-btn--light-solid.pwr--light .hs-submit:before, body .pwr-email-subs.pwr--dark #email-prefs-form .hs-button { background-color: #FFFFFF; } .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--light-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--light-solid .hs-submit, .pwr-form.pwr-btn--light-solid.pwr--light .hs-submit, body .pwr-email-subs.pwr--dark #email-prefs-form .hs-button { color: #4218f0; } .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--light-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--light-solid .hs-submit:hover:after, .pwr-form.pwr-btn--light-solid.pwr--light .hs-submit:hover:after { background-color: #000000; } .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--light-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--light-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--light-solid .hs-submit:hover, .pwr-form.pwr-btn--light-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--dark-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--dark-solid .hs-submit:before, .pwr-form.pwr-btn--dark-solid.pwr--light .hs-submit:before { background-color: #000000; } .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--dark-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--dark-solid .hs-submit, .pwr-form.pwr-btn--dark-solid.pwr--light .hs-submit { color: #FFFFFF; } .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--dark-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--dark-solid .hs-submit:hover:after, .pwr-form.pwr-btn--dark-solid.pwr--light .hs-submit:hover:after { background-color: #FFFFFF; } .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--dark-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--dark-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--dark-solid .hs-submit:hover, .pwr-form.pwr-btn--dark-solid.pwr--light .hs-submit:hover { color: #000000; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link, .pwr-btn--link { background-color: transparent; box-shadow: none; overflow: visible; padding: 0; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link { margin-right: 20px; } .pwr-btn--link { column-gap: 10px; } .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); } .pwr-btn--link-icon { fill: currentColor; transition: all 0.5s ease-in-out; } .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 { -webkit-transform: translate(4px, -1px); transform: translate(4px, -1px); height: 2px; } .pwr-btn--link:hover .pwr-btn--link-icon { transform: translateX(4px); } @media (max-width: 991px) { .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button:not(.pwr-cta--hubspot-style), .pwr-btn--link { font-size: 12px; } } .pwr-cta--link.pwr-cta--primary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link.pwr-cta--primary-link, .pwr-cta--link.pwr-cta--primary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link.pwr-cta--primary-link:before { color: #4218f0; } .pwr-cta--link.pwr-cta--primary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link.pwr-cta--primary-link:after { background-color: #4218f0; } .pwr-cta--link.pwr-cta--primary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link.pwr-cta--primary-link:hover:after { background-color: #4218f0; } .pwr-cta--link.pwr-cta--secondary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link.pwr-cta--secondary-link, .pwr-cta--link.pwr-cta--secondary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link.pwr-cta--secondary-link:before { color: #430d40; } .pwr-cta--link.pwr-cta--secondary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link.pwr-cta--secondary-link:after { background-color: #430d40; } .pwr-cta--link.pwr-cta--secondary-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link.pwr-cta--secondary-link:hover:after { background-color: #430d40; } .pwr-cta--link.pwr-cta--light-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link.pwr-cta--light-link, .pwr-cta--link.pwr-cta--light-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link.pwr-cta--light-link:before { color: #FFFFFF; } .pwr-cta--link.pwr-cta--light-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link.pwr-cta--light-link:after { background-color: #FFFFFF; } .pwr-cta--link.pwr-cta--light-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link.pwr-cta--light-link:hover:after { background-color: #FFFFFF; } .pwr-cta--link.pwr-cta--dark-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link.pwr-cta--dark-link, .pwr-cta--link.pwr-cta--dark-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link.pwr-cta--dark-link:before { color: #000000; } .pwr-cta--link.pwr-cta--dark-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link.pwr-cta--dark-link:after { background-color: #000000; } .pwr-cta--link.pwr-cta--dark-link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link.pwr-cta--dark-link:hover:after { background-color: #000000; } /* ========================================================================== Forms #elem-form ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 40px; text-align: left; } /* Labels */ body .hs-form-field > label { color: #000000; font-family: Inter, sans-serif;; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.6em; text-transform: none; } body .pwr--dark .hs-form-field > label, body .pwr-form.pwr--dark .hs-form-field > label { color: #FFFFFF; } body .pwr--light .hs-form-field > label, body .pwr-form.pwr--light .hs-form-field > label { color: #000000; } body .hs-form-field > label .hs-form-required { display: none; } /* Descriptions / Help-Text */ body .hs-field-desc { font-size: 14px; font-weight: 300; padding: 5px 0; } /* Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { background-color: transparent; border-color: #000000; border-radius: 0; border-width: 0 0 1px; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; display: inline-block; font-family: Inter, sans-serif;; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1em; text-transform: none; height: auto; padding: 10px 0; width: 100%; } 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: #FFFFFF; color: #FFFFFF; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { border-color: #4218f0; outline: none; } body .pwr--dark input[type="text"]:focus, body .pwr--dark input[type="password"]:focus, body .pwr--dark input[type="datetime"]:focus, body .pwr--dark input[type="datetime-local"]:focus, body .pwr--dark input[type="date"]:focus, body .pwr--dark input[type="month"]:focus, body .pwr--dark input[type="time"]:focus, body .pwr--dark input[type="week"]:focus, body .pwr--dark input[type="number"]:focus, body .pwr--dark input[type="email"]:focus, body .pwr--dark input[type="url"]:focus, body .pwr--dark input[type="search"]:focus, body .pwr--dark input[type="tel"]:focus, body .pwr--dark input[type="color"]:focus, body .pwr--dark input[type="file"]:focus, body .pwr--dark textarea:focus, body .pwr--dark select:focus { border-color: #FFFFFF; } body .pwr-form.pwr--light input[type="text"], body .pwr-form.pwr--light input[type="password"], body .pwr-form.pwr--light input[type="datetime"], body .pwr-form.pwr--light input[type="datetime-local"], body .pwr-form.pwr--light input[type="date"], body .pwr-form.pwr--light input[type="month"], body .pwr-form.pwr--light input[type="time"], body .pwr-form.pwr--light input[type="week"], body .pwr-form.pwr--light input[type="number"], body .pwr-form.pwr--light input[type="email"], body .pwr-form.pwr--light input[type="url"], body .pwr-form.pwr--light input[type="search"], body .pwr-form.pwr--light input[type="tel"], body .pwr-form.pwr--light input[type="color"], body .pwr-form.pwr--light input[type="file"], body .pwr-form.pwr--light textarea, body .pwr-form.pwr--light select { border-color: #000000; color: #000000; } 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: #FFFFFF; color: #FFFFFF; } body .pwr-form.pwr--light input[type="text"]:focus, body .pwr-form.pwr--light input[type="password"]:focus, body .pwr-form.pwr--light input[type="datetime"]:focus, body .pwr-form.pwr--light input[type="datetime-local"]:focus, body .pwr-form.pwr--light input[type="date"]:focus, body .pwr-form.pwr--light input[type="month"]:focus, body .pwr-form.pwr--light input[type="time"]:focus, body .pwr-form.pwr--light input[type="week"]:focus, body .pwr-form.pwr--light input[type="number"]:focus, body .pwr-form.pwr--light input[type="email"]:focus, body .pwr-form.pwr--light input[type="url"]:focus, body .pwr-form.pwr--light input[type="search"]:focus, body .pwr-form.pwr--light input[type="tel"]:focus, body .pwr-form.pwr--light input[type="color"]:focus, body .pwr-form.pwr--light input[type="file"]:focus, body .pwr-form.pwr--light textarea:focus, body .pwr-form.pwr--light select:focus { border-color: #4218f0; outline: none; } body .pwr-form.pwr--dark input[type="text"]:focus, body .pwr-form.pwr--dark input[type="password"]:focus, body .pwr-form.pwr--dark input[type="datetime"]:focus, body .pwr-form.pwr--dark input[type="datetime-local"]:focus, body .pwr-form.pwr--dark input[type="date"]:focus, body .pwr-form.pwr--dark input[type="month"]:focus, body .pwr-form.pwr--dark input[type="time"]:focus, body .pwr-form.pwr--dark input[type="week"]:focus, body .pwr-form.pwr--dark input[type="number"]:focus, body .pwr-form.pwr--dark input[type="email"]:focus, body .pwr-form.pwr--dark input[type="url"]:focus, body .pwr-form.pwr--dark input[type="search"]:focus, body .pwr-form.pwr--dark input[type="tel"]:focus, body .pwr-form.pwr--dark input[type="color"]:focus, body .pwr-form.pwr--dark input[type="file"]:focus, body .pwr-form.pwr--dark textarea:focus, body .pwr-form.pwr--dark select:focus { border-color: #FFFFFF; } body textarea { min-height: 4em; } /* Date Inputs */ .hs-dateinput { position: relative; } .hs-dateinput:before { background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); content: ''; position: absolute; width: 15px; height: 15px; 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 aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .pwr-form.pwr--light .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .hs-dateinput > .hs-input { padding-left: 25px !important; } .hs-dateinput .fn-date-picker .is-today .pika-button { color: #4218f0; } .hs-dateinput .fn-date-picker .is-selected .pika-button { background: #4218f0; } .hs-dateinput .fn-date-picker .pika-button:hover { background: #000000 !important; } /* Select Inputs */ body select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5625 2.01562L7.625 7.60156C7.42969 7.79688 7.19531 7.875 7 7.875C6.76562 7.875 6.53125 7.79688 6.33594 7.64062L0.398438 2.01562C0.0078125 1.66406 0.0078125 1.07812 0.359375 0.6875C0.710938 0.296875 1.29688 0.296875 1.6875 0.648438L7 5.64844L12.2734 0.648438C12.6641 0.296875 13.25 0.296875 13.6016 0.6875C13.9531 1.07812 13.9531 1.66406 13.5625 2.01562Z' fill='%23000000'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .8em auto, 100%; border-radius: 0; display: block; padding: 10px 2.1em 10px 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%234218f0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body .pwr-form.pwr--light select { background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5625 2.01562L7.625 7.60156C7.42969 7.79688 7.19531 7.875 7 7.875C6.76562 7.875 6.53125 7.79688 6.33594 7.64062L0.398438 2.01562C0.0078125 1.66406 0.0078125 1.07812 0.359375 0.6875C0.710938 0.296875 1.29688 0.296875 1.6875 0.648438L7 5.64844L12.2734 0.648438C12.6641 0.296875 13.25 0.296875 13.6016 0.6875C13.9531 1.07812 13.9531 1.66406 13.5625 2.01562Z' fill='%23000000'/%3E%3C/svg%3E"); } body .pwr--dark select, body .pwr-form.pwr--dark select { background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5625 2.01562L7.625 7.60156C7.42969 7.79688 7.19531 7.875 7 7.875C6.76562 7.875 6.53125 7.79688 6.33594 7.64062L0.398438 2.01562C0.0078125 1.66406 0.0078125 1.07812 0.359375 0.6875C0.710938 0.296875 1.29688 0.296875 1.6875 0.648438L7 5.64844L12.2734 0.648438C12.6641 0.296875 13.25 0.296875 13.6016 0.6875C13.9531 1.07812 13.9531 1.66406 13.5625 2.01562Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } body select::-ms-expand { display: none; } body select option { color: #000000; font-weight: normal; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } /* Placeholder Text */ ::placeholder { color: rgba(0, 0, 0, .66); } .pwr--dark ::placeholder { color: rgba(255, 255, 255, .66); } /* reCAPTCHAS */ .hs-recaptcha { margin: 30px 0 20px !important } .hs-recaptcha .grecaptcha-badge { box-shadow: none !important; } /* Error messages */ body form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs { color: #F2545B; font-family: Inter, sans-serif;; font-size: 14px; font-weight: 400; line-height: 1.2em; list-style: none; margin-bottom: 0; padding-left: 0; } body .pwr--dark form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--dark form.hs-form ul.inputs-list.hs-error-msgs { color: #FFFFFF; } /* Legal consent */ .legal-consent-container, .legal-consent-container p { font-family: Inter, sans-serif;; font-size: 13px; font-weight: 400; line-height: 1.6em; margin: 0; } /* Cookie Reset Message */ .cookie-reset-container { margin-bottom: 20px !important; } .cookie-reset-container a, .cookie-reset-container a:hover { color: #000000; } .pwr--dark .cookie-reset-container a, .pwr--dark .cookie-reset-container a:hover { color: #FFFFFF; } .pwr-form.pwr--light .cookie-reset-container a, .pwr-form.pwr--light .cookie-reset-container a:hover { color: #000000; } .pwr-footer-subscribe__form .cookie-reset-container, .pwr-sidebar-widget-form .cookie-reset-container { bottom: -13px; font-size: 11px; font-weight: bold; margin: 0 !important; line-height: 1em; opacity: .65; position: absolute; z-index: 1; } /* Checkboxes and Radio Buttons */ .pwr--align-c .hs-form-booleancheckbox-display { display: block; text-align: center; } [type="radio"]:checked, [type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span { position: relative; padding-left: 50px !important; cursor: pointer; display: inline-block !important; margin:7px 0px !important; text-transform:none; padding-top: 1px; } [type="checkbox"] + span:before { background-color: rgba(0, 0, 0,.075) !important; border-radius: 6px; content: ''; height: 28px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 28px; } [type="checkbox"]:checked + span:after { background-color: #4218f0; border-radius: 3px; 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: #282B34 !important; } .pwr-form.pwr--light [type="checkbox"] + span:before { background-color: rgba(0, 0, 0,.05) !important; } .pwr-form.pwr--dark [type="checkbox"] + span:before { background-color: #FFFFFF !important; } [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { cursor: pointer; display: inline-block; line-height: 24px; position: relative; padding-bottom: 20px; padding-left: 50px; } [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after { background-color: rgba(0, 0, 0,.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: #4218f0; 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: #282B34 !important; } .pwr-form.pwr--light [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after { background-color: rgba(0, 0, 0,.05) !important; } .submitted-message { font-weight: 600; text-align: center; } /* Ignore Hubspots Form Title for Form Modules */ body .pwr-form .hs_cos_wrapper.form-title { display: none; } /* ========================================================================== Media #elem-med ========================================================================== */ img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } @media (max-width: 568px) { iframe { max-width: 100% } } video { height: auto; max-width: 100%; outline: 0; } /* Vector Graphics */ .hs_cos_wrapper_type_icon svg, .pwr-social-icon svg, .pwr-icon svg { display: block; height: 1em; transition: all .4s ease-in-out; width: 1em; } /* ========================================================================== Menus #elem-menu ========================================================================== */ .pwr-js-menu--translated { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em } .hs-menu-wrapper ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden } .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 6px; box-shadow: 0px 15px 30px rgba(0,0,0,.05); min-width: 190px; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; text-align: left; -webkit-font-smoothing: antialiased !important; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-item-has-children:hover ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper { transition: opacity 0s linear .2s, visibility 0s linear .2s; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 23px 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts li.hs-menu-depth-1 > ul { margin-right: 10px; } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 20px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-2 ul.hs-menu-children-wrapper { box-shadow: none; } .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #FFFFFF; } .pwr--dark .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #000000; } .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 } .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.flyouts li.hs-item-has-children > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 { width: 100%; } .hs-menu-wrapper li a { color: #000000; display: block; font-family: Inter, sans-serif;; font-size: 14px; font-weight: 700; margin: 0 15px; letter-spacing: 0; line-height: 20px; padding: 15px; position: relative; text-transform: uppercase; transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; } .hs-menu-wrapper.hs-menu-flow-vertical li a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; } .hs-menu-wrapper ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .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; } .hs-menu-wrapper li.hs-item-has-children > a:after { box-shadow: inset -2px 2px 0 0; color: #000000; 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; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts li.hs-item-has-children:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts li.hs-item-has-children:hover > a:after { -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); } .hs-menu-wrapper li.hs-menu-depth-1 > a { margin: 0; opacity: 1; } .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; } .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a { padding-left: 0 } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-3 > a { padding-left: 30px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-4 > a { padding-left: 45px; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-5 > a { padding-left: 60px; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px } .hs-menu-wrapper li.hs-menu-depth-1:hover > a, .hs-menu-wrapper li.hs-menu-depth-1.active-branch > a { opacity: 0.66; } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a { background-color: #4218f0; } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a, .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:after { color: #FFFFFF; } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after { color: #FFFFFF; } @media (max-width: 991px) { .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; } } /* ========================================================================== Typography #elem-typo ========================================================================== */ /* Fonts */ .font-family-base { font-family: Inter, sans-serif;; } .font-family-accent { font-family: Space Grotesk, sans-serif;; } html, body { font-weight: 400; min-height: 100%; margin: 0; padding: 0; 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 { background-color: #F9F9FA; color: #000000; font-family: Inter, sans-serif;; font-size: 18px; line-height: 1.66em; } /* Highlighted Text */ ::-moz-selection { background: #000000; color: #FFFFFF; text-shadow: none; } ::selection { background: #000000; color: #FFFFFF; text-shadow: none; } .pwr--dark::-moz-selection { background: #4218f0; color: #FFFFFF; } .pwr--dark::selection { background: #4218f0; color: #FFFFFF; } .pwr-form.pwr--light::-moz-selection { background: #FFFFFF; color: #000000; } .pwr-form.pwr--light::selection { background: #FFFFFF; color: #000000; } :focus { outline: none; } mark { background-color: transparent; background-image: linear-gradient(90deg, #4218f0, #4218f0); background-position: 0 85%; background-repeat: no-repeat; background-size: 100% 35%; color: #000000; padding: 0; } mark.pwr--secondary { background-image: linear-gradient(90deg, #430d40, #430d40); } mark.pwr--tertiary { background-image: linear-gradient(90deg, #6300AD, #6300AD); } .pwr--dark mark { color: #FFFFFF; } /* Multiline Highlight */ .pwr-multiline-highlight { background-color: #4218f0; -webkit-box-decoration-break: clone; display: inline; padding: 1px 5px; } .pwr-multiline-highlight.pwr--secondary { background-color: #430d40; } .pwr-multiline-highlight.pwr--tertiary { background-color: #6300AD; } /* Links */ a { color: #4218f0; text-decoration: none; transition: color .4s ease-in-out, opacity .4s ease-in-out; } a:hover { color: #000000; } .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--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) { color: #4218f0; } .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--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 { color: #FFFFFF; } a:focus { outline: none; } /* Horizontal line */ hr { color: #282B34; background-color: #282B34; height: 1px; border: none; } /* Preformated Text */ pre { background-color: #F9F9FA; border: 1px solid #000000; min-width: 300px; overflow-x: auto; padding: 20px; } table pre { white-space: pre-wrap; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings and Paragraphs */ p, .body-base { font-size: 18px; line-height: 1.66em; } .body-xsmall { font-size: 14px; line-height: 1.66em; } .body-small { font-size: 17px; line-height: 1.66em; } .body-large { font-size: 20px; line-height: 1.6em; } .body-xlarge { font-size: 22px; line-height: 1.2em; } h1, h2, h3, h4, h5, h6 { font-family: Space Grotesk, sans-serif;; font-weight: unset; margin: 0; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: 0; } h1 { font-weight: 600; letter-spacing: 0; line-height: 1em; text-transform: none; } h1, .h1 { font-size: 62px; } h2 { font-weight: 600; letter-spacing: 0; line-height: 1.2em; text-transform: none; } h2, .h2 { font-size: 55px; } h3 { font-weight: 600; letter-spacing: 0.01em; line-height: 1.2em; text-transform: none; } h3, .h3 { font-size: 48px; } h4 { font-weight: 600; letter-spacing: 0.01em; line-height: 1.2em; text-transform: none; } h4, .h4 { font-size: 38px; } h5 { font-weight: 600; letter-spacing: 0.01em; line-height: 1.42em; text-transform: none; } h5, .h5 { font-size: 32px; } h6 { font-weight: 600; letter-spacing: 0.01em; line-height: 1.2em; text-transform: none; } h6, .h6 { font-size: 24px; } @media (max-width: 1280px) { .body-lg-base { font-size: 18px; } .body-lg-xsmall { font-size: 14px; } .body-lg-small { font-size: 17px; } .body-lg-large { font-size: 20px; } .body-lg-xlarge { font-size: 22px; } .h1-lg { font-size: 62px; } .h2-lg { font-size: 55px; } .h3-lg { font-size: 48px; } .h4-lg { font-size: 38px; } .h5-lg { font-size: 32px; } .h6-lg { font-size: 24px; } } @media (max-width: 991px) { .body-md-base { font-size: 18px; } .body-md-xsmall { font-size: 14px; } p, .body-md-small { font-size: 17px; } .body-md-large { font-size: 20px; } .body-md-xlarge { font-size: 22px; } .h1-md { font-size: 62px; } h1, .h2-md { font-size: 55px; } h2, .h3-md { font-size: 48px; } h3, .h4-md { font-size: 38px; } h4, .h5-md { font-size: 32px; } h5, .h6-md { font-size: 24px; } h6 { font-size: 22px; } } @media (max-width: 767px) { .body-sm-base { font-size: 18px; } .body-sm-xsmall { font-size: 14px; } .body-sm-small { font-size: 17px; } .body-sm-large { font-size: 20px; } .body-sm-xlarge { font-size: 22px; } .h1-sm { font-size: 62px; } .h2-sm { font-size: 55px; } h1, .h3-sm { font-size: 48px; } h2, .h4-sm { font-size: 38px; } h3, .h5-sm { font-size: 32px; } h4, .h6-sm { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } } /* Lists */ ol { counter-reset: item; -webkit-padding-start: 25px; padding-inline-start: 25px; } li > ol { -webkit-padding-start: 25px; padding-inline-start: 25px; } ol > li { display: block; } ol > li:before { color: #4218f0; content: counters(item, ".") "."; counter-increment: item; font-family: Space Grotesk, sans-serif;; font-weight: 600; left: -25px; position: absolute; top: 0px; } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul, .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul { display: inline-block; -webkit-padding-start: 30px; padding-inline-start: 30px; text-align: left !important; } .hs_cos_wrapper_type_rich_text li > ul:not(.inputs-list), .pwr-rich-text li > ul, .hs_cos_wrapper_type_post_filter li > ul, .hs_cos_wrapper_type_post_listing li > ul { margin: 10px 0 15px; } .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 { 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, .hs_cos_wrapper_type_rich_text ol:not(.inputs-list) li, .pwr-rich-text ol li, .hs_cos_wrapper_type_post_filter ol li, .hs_cos_wrapper_type_post_listing ol li { margin: 5px 0 10px; list-style: none; position: relative; } .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: transparent; border: 2px solid #3aa7a1; border-radius: 50%; content: ""; height: 21px; left: -30px; position: absolute; top: 4px; width: 21px; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:after, .pwr-rich-text ul li:after, .hs_cos_wrapper_type_post_filter ul li:after, .hs_cos_wrapper_type_post_listing ul li:after { border-bottom: 2px solid #3aa7a1; border-right: 2px solid #3aa7a1; content: ""; height: 9px; left: -22px; position: absolute; top: 9px; transform: rotate(45deg); width: 5px; } .pwr--dark .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:before, .pwr--dark .pwr-rich-text ul li:before, .pwr--dark .hs_cos_wrapper_type_post_filter ul li:before, .pwr--dark .hs_cos_wrapper_type_post_listing ul li:before { border: 2px solid #FFFFFF; } .pwr--dark .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:after, .pwr--dark .pwr-rich-text ul li:after, .pwr--dark .hs_cos_wrapper_type_post_filter ul li:after, .pwr--dark .hs_cos_wrapper_type_post_listing ul li:after { border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .hs_cos_wrapper_type_rich_text ul.pwr-lists--hyphen:not(.inputs-list) li, .pwr-rich-text ul.pwr-lists--hyphen li, .hs_cos_wrapper_type_post_filter ul.pwr-lists--hyphen li, .hs_cos_wrapper_type_post_listing ul.pwr-lists--hyphen li { margin: 5px 0; } .hs_cos_wrapper_type_rich_text li > ul.pwr-lists--hyphen:not(.inputs-list), .pwr-rich-text li > ul.pwr-lists--hyphen, .hs_cos_wrapper_type_post_filter li > ul.pwr-lists--hyphen, .hs_cos_wrapper_type_post_listing li > ul.pwr-lists--hyphen { margin: 5px 0 15px; } ul.pwr-lists--hyphen li:before { border-radius: 2px; height: 2px; top: 15px; width: 20px; } ul.pwr-lists--hyphen li:after { content: none; } ul.pwr-lists--hyphen.body-small li:before { top: 11px; } .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; } /* Quotes */ blockquote { border-left: 3px solid #4218f0; font-style: italic; font-weight: 500; margin-left: 0; padding-left: 40px; } @media (max-width: 767px) { blockquote { margin-right: 0; padding-left: 24px; } } /* ========================================================================== 5. UTILITIES #util ========================================================================== */ /* ========================================================================== Shared Styles #util-ss ========================================================================== */ /* Content Width */ .container-fluid .row-fluid .page-center { float: none; max-width: 1280px; margin: 0 auto; padding: 0 40px; position: relative; } @media (max-width: 991px) { .container-fluid .row-fluid .page-center { padding: 0 36px; } } @media (max-width: 767px) { .container-fluid .row-fluid .page-center { padding: 0 18px; } } /* Anchor ID */ .pwr-anchor--fixed-header { margin-top: -85px; } .pwr-anchor--fixed-header::before { display: block; content: " "; height: 85px; margin-top: -85px; visibility: hidden; } /* Sections */ .pwr-section { background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 0; } /* Positioning Classes */ .pwr--full-width { width: 100%; } .pwr--abs-full { height:100%; left:0; position:absolute; top:0; width:100%; } /* Rich Text Fields (applied to all template modules) */ .pwr-rich-text h1, .pwr-rich-text h2, .pwr-rich-text h3, .pwr-rich-text h4, .pwr-rich-text h5, .pwr-rich-text h6 { margin: 1em 0 0.6em; } .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; } /* Section Intro Title, Title and Description */ .pwr-sec__title-intro { display: block; font-size: 20px; margin-bottom: 22px; line-height: 1.6em; } .pwr-sec__title-intro { color: #000000; } .pwr--dark .pwr-sec__title-intro { color: #FFFFFF; } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: #000000; } .pwr--dark .pwr-sec__title { color: #FFFFFF; } .pwr-sec__desc { display: inline-block; font-size: 18px; } .pwr-sec__title + .pwr-sec__desc { margin-top: 20px; } @media (max-width: 991px) { .pwr-sec__title-intro { font-size: 17px; margin-bottom: 19px; } .pwr-sec__desc { font-size: 17px; } .pwr-sec__title + .pwr-sec__desc { margin-top: 19px; } } @media (max-width: 767px ) { .pwr-sec__title { word-break: break-word; } } /* CTA Containers */ .pwr-cta-container { line-height: 1; } .pwr-email-subs .page-header + .pwr-cta-container, .pwr-email-subs #content + .pwr-cta-container, .pwr-sec__title + .pwr-cta-container, .pwr-sec__desc + .pwr-cta-container { margin-top: 40px; } .pwr-cta-container.d-flex { column-gap: 24px; flex-wrap: wrap; row-gap: 20px; } .text-center .pwr-cta-container.d-flex { justify-content: center; } .text-end .pwr-cta-container.d-flex { justify-content: flex-end; } @media (max-width: 1280px) { .text-lg-center .pwr-cta-container.d-flex { justify-content: center; } .text-lg-end .pwr-cta-container.d-flex { justify-content: flex-end; } } @media (max-width: 991px) { .pwr-email-subs .page-header + .pwr-cta-container, .pwr-email-subs #content + .pwr-cta-container, .pwr-sec__title + .pwr-cta-container, .pwr-sec__desc + .pwr-cta-container { margin-top: 30px; } .text-md-center .pwr-cta-container.d-flex { justify-content: center; } .text-md-end .pwr-cta-container.d-flex { justify-content: flex-end; } } @media (max-width: 767px) { .text-sm-center .pwr-cta-container.d-flex { justify-content: center; } .text-sm-end .pwr-cta-container.d-flex { justify-content: flex-end; } } /* Video & Lottie Background */ .pwr-video-background, .pwr-lottie-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, .pwr-lottie-background dotlottie-player { height: auto; max-width: none; min-width: 100%; min-height: 100%; overflow: hidden; position: absolute; width: auto; } .pwr-lottie-background dotlottie-player { min-height: unset; } .pwr-video-background--pos-bottom video, .pwr-video-background--pos-bottom .pwr-video-background__youtube, .pwr-lottie-background--pos-bottom dotlottie-player { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-video-background--pos-center video, .pwr-video-background--pos-center .pwr-video-background__youtube, .pwr-lottie-background--pos-center dotlottie-player { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background--pos-left video, .pwr-video-background--pos-left .pwr-video-background__youtube, .pwr-lottie-background--pos-left dotlottie-player { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-right video, .pwr-video-background--pos-right .pwr-video-background__youtube, .pwr-lottie-background--pos-right dotlottie-player { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-top video, .pwr-video-background--pos-top .pwr-video-background__youtube, .pwr-lottie-background--pos-top dotlottie-player { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } /* Parallax */ .pwr-parallax { left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: calc(100* (1vw + 1vh - 1vmin)); z-index: 0; } /* Shape Dividers */ .pwr--shape-divider-bottom { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: -1; } .pwr--shape-divider-bottom svg { position: relative; display: block; width: calc(100% + 1.3px); } .pwr--shape-divider-bottom.flip svg { transform: rotateY(180deg); } /* Common Properties for 3D Box Effect */ .pwr-3D-box { height: 100%; position: relative; -webkit-transform: perspective(1200px) scale(1); transform: perspective(1200px) scale(1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .4s ease-in-out; } .pwr-3D-box__sensor { height: 100%; overflow: unset; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pwr-3D-box__info-box { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(25px); transform: translateZ(25px); z-index: 1; } .pwr-3D-box__info-box--centered { left: 50%; opacity: 0; position: absolute; text-align: center; -webkit-transform: translate3d(-50%, -50%, 25px); transform: translate3d(-50%, -50%, 25px); transition: opacity .4s ease-in-out; top: 50%; width: 100%; } @media (hover: none) { .pwr-3D-box__sensor { -webkit-transform: none !important; transform: none !important; } } @media (hover: hover) { .pwr-3D-box:hover { -webkit-transform: perspective(1100px) scale(1.05); transform: perspective(1100px) 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; } .pwr-social-icon { color: #C4C8D3; } .pwr-social-icon:hover { color: #4218f0; } .pwr--dark .pwr-social-icon, .pwr--dark .pwr-social-icon:hover { color: #FFFFFF; } /* Touch Icon */ @media (hover: none) { .pwr-touch-btn { background-color: rgba(255, 255, 255, .85); border-radius: 6px; column-gap: 8px; display: flex; line-height: 1; opacity: 1; padding: 10px 12px; position: absolute; right: 12px; top: 12px; transition: opacity .4s ease-in-out; z-index: 500; } .pwr-touch-btn--dark { background-color: rgba(0, 0, 0, .85); color: #FFFFFF; } .pwr-touch-btn-container:hover .pwr-touch-btn { opacity: 0; } .pwr-touch-btn__icon { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%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: block; width: 16px; height: 16px; } .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"); } } /* ========================================================================== Helper Classes #util-help ========================================================================== */ .pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr--light { background-color: #FFFFFF; color: #000000; } .pwr--colored-box { background-color: #F9F9FA; color: #000000; overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: #282B34; color: #FFFFFF; } body .pwr--colored-box.pwr--light { background-color: #F9F9FA; color: #000000; } body .pwr--colored-box.pwr--dark { background-color: #282B34; color: #FFFFFF; } .position-absolute { position: absolute; } .position-relative { position: relative; } @media (max-width: 1280px) { .position-lg-absolute { position: absolute; } .position-lg-relative { position: relative; } } @media (max-width: 991px) { .position-md-absolute { position: absolute; } .position-md-relative { position: relative; } } @media (max-width: 767px) { .position-sm-absolute { position: absolute; } .position-sm-relative { position: relative; } } .text-start { text-align: left; } .text-end { text-align: right; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } @media (max-width: 1280px) { .text-lg-start { text-align: left; } .text-lg-end { text-align: right; } .text-lg-center { text-align: center; } } @media (max-width: 991px) { .text-md-start { text-align: left; } .text-md-end { text-align: right; } .text-md-center { text-align: center; } } @media (max-width: 767px) { .text-sm-start { text-align: left; } .text-sm-end { text-align: right; } .text-sm-center { text-align: center; } } /* ========================================================================== 6. HEADER #head ========================================================================== */ /* ========================================================================== Header Top #head-t ========================================================================== */ .pwr-header-top { background-color: #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 14px; font-family: Inter, sans-serif;; font-weight: 700; padding: 15px 0; position: relative; z-index: 100; } .pwr-header-top.pwr--dark { background-color: #000000; border-color: rgba(255, 255, 255, .1); } .pwr-header-top--transparent { background-color: transparent !important; position: absolute; left: 0; right: 0; top: 0; } .pwr-header-top__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: #FFFFFF; opacity: 1; } .pwr--dark .pwr-header-top__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-top__menu .hs-menu-wrapper li a { color: #000000; display: inline-block; padding: 0; } .pwr-header-top__menu .hs-menu-wrapper li a, .pwr-header-top__social .pwr-social-icon svg { transition: color .2s ease-in-out, opacity .2s ease-in-out; } .pwr-header-top__menu--dark, .pwr-header-top__menu--dark .hs-menu-wrapper li a { color: #FFFFFF; } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: #000000; content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: #FFFFFF; } @media (max-width: 767px ) { .pwr-header-top { display: none; } } /* ========================================================================== Header Main #head-m ========================================================================== */ /* General */ .pwr-header { background-color: #FFFFFF; font-family: Inter, sans-serif;; font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 20px; padding: 20px 0; position: relative; text-transform: uppercase; transition: background 0.4s ease; z-index: 1000; } .pwr-header { -webkit-transform: translateZ(100px); transform: translateZ(100px); } .pwr-header.pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr-header--light-on-scroll.scroll { background-color: #FFFFFF; color: #000000; } .pwr-header--dark-on-scroll.scroll { background-color: #000000; color: #FFFFFF; } .pwr-header--transparent:not(.scroll) { background-color: transparent; } .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-full { min-height: 45px; } .pwr-header__menu { position: absolute; left: 29%; } .pwr-header--light-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #FFFFFF; } .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #000000; } .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; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a:after, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a:after { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a:after, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: #000000; } .pwr--full-width .pwr-header__menu { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-header__menu--right-with-lang { right: 80px; } @media (max-width: 767px) { .pwr-header { padding: 10px 0; } .pwr-header-fixed { top: 0 !important; } } /* Logo */ .pwr-header-logo a { display: block; } .pwr-header-logo__img, .pwr-header-logo__img--sticky { height: auto; 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; } /* Mega Menu */ .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; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { flex-wrap: nowrap; 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 { flex-direction: column; 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; flex-direction: column; left: 0 !important; margin-right: 1px; width: 220px; position: relative; top: -10px !important; } .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-3 ul.hs-menu-children-wrapper { box-shadow: none; left: unset; opacity: 1; position: relative; top: unset; visibility: visible; z-index: 1; } .pwr-header__menu--mega-menu .hs-menu-wrapper li a { font-size: 13px; line-height: 1.2em; } .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-3 ul.hs-menu-children-wrapper a { margin: 0 15px 0 30px; opacity: 0.66; padding: 5px 15px 10px; } .pwr-header .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-4:hover > a, .pwr-header .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.active-branch.hs-menu-depth-4 > a { color: #4218f0; background-color: initial; opacity: 1; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0; } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { flex-wrap: wrap; width: 100vw; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { border-top: 1px solid rgba(255, 255, 255,.2); top: calc( 100% - 1px); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { max-width: 1200px; } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { width: auto; } .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(0, 0, 0, .2); bottom: 25px; content: ''; display: block; position: absolute; right: 0; top: 33px; width: 1px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(255, 255, 255, .2); } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-2 a { white-space: normal; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-3 a:after { display: none; } .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[href^="https://"] { cursor: pointer; } .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; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3 > a { opacity: 0.66; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { background-color: transparent; color: #000000; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { color: #FFFFFF; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a { background-color: #4218f0; opacity: 1; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a:after, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:after { color: #FFFFFF; } /* Right Bar */ .pwr-header-right-bar { } .pwr-header-right-bar--with-burger { right: 60px; } .pwr-header-right-bar .cta_button { margin-left: 30px; } .pwr-header-right-bar__cta:hover { color: #FFFFFF; } .pwr-header-right-bar__link { color: #000000; fill: currentColor; opacity: 1; transition: color .2s ease-in-out, opacity .2s ease-in-out;; } .pwr-header-right-bar__icon { display: inline-block; fill: currentColor; vertical-align: middle; } .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link, .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__link { color: #000000; } .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #000000; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #000000; } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: 0.66; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #000000; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #000000; } .pwr-dropdown { border-radius: 10px; box-shadow: 0px 15px 30px rgba(0,0,0,.05); 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; row-gap: 15px; text-transform: none; width: 200px; } .pwr-dropdown--language { left: calc( 50% + 12px ); padding: 22px; text-align: center; width: 90px; } .pwr-dropdown, .pwr-header--light-on-scroll.scroll .pwr-dropdown { background-color: #FFFFFF; } .pwr--dark .pwr-dropdown, .pwr-header--dark-on-scroll.scroll .pwr-dropdown { background-color: #000000; } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #000000; } .pwr--dark .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #FFFFFF; } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-right-bar__phone .pwr-header-right-bar__link { padding: 36px 0; } .pwr-header-right-bar__phone:hover .pwr-dropdown, .pwr-header-right-bar__language-switcher:hover .pwr-dropdown { visibility: visible; opacity: 1; } .pwr-dropdown__title { color: #000000; display: block; font-family: Space Grotesk, sans-serif;; font-size: 18px; font-weight: bold; margin-bottom: 3px; } .pwr-dropdown__link { color: #000000; display: block; font-family: Inter, sans-serif;; font-size: 14px; font-weight: 500; opacity: 0.66; transition-duration: .2s; } a.pwr-dropdown__link:hover { color: #000000; opacity: 1; } .pwr--dark:not(.scroll) .pwr-dropdown__title, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__title, .pwr--dark:not(.scroll) .pwr-dropdown__link, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link, .pwr--dark:not(.scroll) .pwr-dropdown__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link:hover { color: #FFFFFF; } .pwr-header-right-bar__language-link { display: block; font-weight: bold; opacity: 0.66; padding: 2px 0; } @media (max-width: 1280px ) { .pwr-header-right-bar .cta_button { margin-right: 40px; } } @media (max-width: 991px ) { .pwr-header-right-bar--lp { display: none; } } /* Header Search Input */ .pwr-header-search { font-size: 18px; height: 115px; left: 0; position: fixed; right: 0; top: -180px; transition: top .6s ease-in-out, background .4s ease-in-out; width: 100vw; z-index: 150; } .pwr-header-search.active { box-shadow: 0px 15px 30px rgba(0,0,0,.05); top: 0; } .pwr-header-search__inner { left: 50%; position: absolute; top: 32px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1200px; } #pwr-header-search__input { background-color: transparent; border: 0; font-size: 18px; font-weight: 500; outline: none; padding: 15px 52px 15px 0; } #pwr-header-search__input::-ms-clear { display: none; } .pwr-header-search .pwr-search-field__icon { right: 55px; } .pwr-header-search .pwr-search-field__icon:not(:hover) svg { fill: currentColor !important; } .pwr-header-search__close { height: 18px; position: absolute; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 18px; } .pwr-header-search__close-icon { left: 50%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 50%; } .pwr-header-search__close:hover .pwr-header-search__close-icon { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-header-search__close-icon::before, .pwr-header-search__close-icon::after { content: ""; position: absolute; transition: background .4s ease-in-out; } .pwr-header-search__close:hover .pwr-header-search__close-icon::before, .pwr-header-search__close:hover .pwr-header-search__close-icon::after { background-color: #4218f0; } .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: #000000; color: #FFFFFF; } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: #FFFFFF; } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(255, 255, 255, .66); } .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: #FFFFFF; } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: #FFFFFF; color: #000000; } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: #000000; } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(0, 0, 0, .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: #000000; } @media (max-width: 1280px ) { #pwr-header-search__input { padding: 15px 150px 15px 40px; } .pwr-header-search__close { right: 40px; } .pwr-header-search .pwr-search-field__icon { right: 90px; } } /* ========================================================================== Header Burger #head-b ========================================================================== */ .pwr-burger { background-color: #FFFFFF; box-shadow: 0px 15px 30px rgba(0,0,0,.05); bottom: 0; color: #000000; display: flex; flex-direction: column; font-size: 13px; font-weight: 700; max-width: 100vw; position: fixed; right: -100%; text-transform: uppercase; transition: right .6s ease-in-out, width .4s ease-in-out; top: 0; width: 400px; z-index: 1001; } .pwr-burger { -webkit-transform: translateZ(100px); transform: translateZ(100px); } .pwr-burger.pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr-burger--open { right: 0; } .pwr-burger__menu { flex: 1; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; margin: 28px 30px; } .pwr-burger__menu .hs-menu-wrapper > ul { display: block; } .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; } .pwr-burger__menu .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 0; } .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-burger__menu .hs-menu-wrapper li a { border-radius: 4px; margin: 0 !important; min-width: 140px; line-height: 1.6em; opacity: 1 !important; padding: 8px 15px; transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; white-space: normal !important; width: auto; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a { padding-right: 37px; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a:after { right: 15px; } .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); } .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 { padding-left: 30px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-3 > a { padding-left: 45px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-4 > a { padding-left: 60px; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a:after, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a:after{ color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a:after { color: rgba(255, 255, 255, .5); } .pwr-burger .hs-menu-wrapper li.active-branch > a { background-color: #4218f0; } .pwr-burger .hs-menu-wrapper li.active-branch > a, .pwr-burger .hs-menu-wrapper li.active-branch > a:after { color: #FFFFFF; } @media (hover: hover) { .pwr-burger .hs-menu-wrapper li:hover > a { background-color: #4218f0; } .pwr-burger .hs-menu-wrapper li:hover > a, .pwr-burger .hs-menu-wrapper li:hover > a:after { color: #FFFFFF; } } .pwr-burger__icon-open { height: 14px; width: 20px; } .pwr-burger__icon-open span, .pwr-burger__icon-open:before, .pwr-burger__icon-open:after { display: block; background-color: #000000; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr--dark .pwr-burger__icon-open span, .pwr--dark .pwr-burger__icon-open:before, .pwr--dark .pwr-burger__icon-open:after, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #000000; } .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: #000000; } .pwr--dark .pwr-burger__trigger-close, .pwr--dark .pwr-burger__trigger-close:hover { color: #FFFFFF; } .pwr-burger__icon-close { left: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 10px; } .pwr-burger__trigger-close:hover .pwr-burger__icon-close { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-burger__icon-close::before, .pwr-burger__icon-close::after { background-color: #000000; 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: #000000; } .pwr--dark .pwr-burger-bottom-bar__item-link, .pwr--dark .pwr-burger-bottom-bar__item-link:hover { color: #FFFFFF; } .pwr-burger-bottom-bar__inner { display: none; max-height: 150px; overflow-y: scroll; padding: 10px 0; } .pwr-burger-contact__inner { padding-left: 10px; } .pwr-burger-contact__title { display: inline-block; padding: 5px 0; } .pwr-burger-search__input { color: #000000 !important; font-size: 13px; margin: 5px 0; padding-right: 30px !important; } .pwr-burger-search__input::placeholder { color: rgba(0, 0, 0, .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(0, 0, 0, 0.66); } .pwr--dark .pwr-burger-contact__link, .pwr--dark .pwr-burger-language__link { color: rgba(255, 255, 255, 0.66); } .pwr-burger-social { font-size: 15px; margin-top: 30px; } .pwr-burger-social .pwr-social-icon { color: #000000; opacity: 0.66; } .pwr-burger-social .pwr-social-icon:hover { opacity: 1; } .pwr--dark .pwr-burger-social .pwr-social-icon { color: #FFFFFF; } .pwr--dark .pwr-burger__icon-close::before, .pwr--dark .pwr-burger__icon-close::after { background-color: #FFFFFF; } .pwr--dark .pwr-burger-search__input { color: #FFFFFF !important; } .pwr--dark .pwr-burger-search__input::placeholder { color: rgba(255, 255, 255, .66); } @media (min-width: 1281px ) { .pwr-burger__trigger-open--mobile-only { display: none !important; } } @media (max-width: ) and (orientation: landscape) { .pwr-burger-bottom-bar { display: none; } } /* ========================================================================== 7. FOOTER #foot ========================================================================== */ /* ========================================================================== General #foot-gral ========================================================================== */ .pwr-footer { overflow: hidden; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top), .pwr-footer .pwr-social-icon { transition: opacity .4s ease-in-out; } .pwr-footer a.pwr-social-icon, .pwr-footer__company-phone, .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a, .pwr-footer-legal__menu .hs-menu-wrapper li a { opacity: 0.8; } .pwr-footer a.pwr-social-icon:hover, .pwr-footer__company-phone:hover, .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover, .pwr-footer-legal__menu .hs-menu-wrapper li a:hover, .pwr-footer__menu li.active-branch > a { opacity: 1; } /* ========================================================================== Top Section #foot-top ========================================================================== */ .pwr-footer__content { padding: 55px 0; } @media (max-width: 991px) { .pwr-footer__content { flex-wrap: wrap; row-gap: 40px; } } @media (max-width: 767px) { .pwr-footer__content { row-gap: 50px; } } /* Company Info */ .pwr-footer__logo img { height: auto; max-width: 250px; } .pwr-footer__statement, .pwr-footer__social-icons, .pwr-footer__company-phone { color: #000000; } .pwr--dark .pwr-footer__statement, .pwr--dark .pwr-footer__social-icons, .pwr--dark .pwr-footer__company-phone { color: #FFFFFF; } .pwr-footer__statement { margin-top: 20px; } .pwr-footer__social-icons { column-gap: 30px; flex-wrap: wrap; font-size: 17px; row-gap: 25px; } .pwr-footer__statement + .pwr-footer__social-icons { margin-top: 30px; } .pwr-footer__company-phone { column-gap: 15px; width: 100%; } .pwr-footer__company-phone span { line-height: 1; } @media (max-width: 991px) { .pwr-footer__company-phone { width: auto; } } /* Menu */ .pwr-footer__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { display: grid; } .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li { margin-top: 0 !important; } .pwr-footer .hs-menu-wrapper li a { padding: 0; } .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-subscribe__title { color: #000000; font-family: Inter, sans-serif;; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 1.2em; opacity: 1 !important; padding-bottom: 10px; text-transform: uppercase; } .pwr-footer.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer.pwr--dark .pwr-footer-subscribe__title { color: #FFFFFF; } .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 ul.hs-menu-children-wrapper { background-color: transparent; box-shadow: none; min-width: unset; padding: 0; position: relative; row-gap: 10px; } .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { background-color: transparent; color: #000000; font-family: Inter, sans-serif;; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 0; text-transform: capitalize; white-space: normal !important; } .pwr-footer.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { color: #FFFFFF; } .pwr-footer .hs-menu-wrapper li.hs-item-has-children > a:after { display: none; } @media (max-width: 767px) { .pwr-footer__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } /* ========================================================================== Bottom Section #foot-bot ========================================================================== */ /* Copyright Bar */ .pwr-footer-legal, .pwr-footer-legal__menu .hs-menu-wrapper li a { font-family: Inter, sans-serif;; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.2em; text-transform: unset; } .pwr-footer-legal__wrapper { border-top: 1px solid #fff; padding: 25px 0 30px; } .pwr-footer-legal__menu .hs-menu-wrapper li a { display: inline-block; width: auto; } .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; } /* Back to top Button */ .pwr-footer-legal__back-to-top { width: 16.7%; } .pwr-back-to-top { background-color: #4218f0; border-radius: 6px; color: #FFFFFF; cursor: pointer; height: 57px; font-size: 21px; transition: background .4s ease-in-out; width: 57px; } .pwr-back-to-top:hover { background-color: #4218f0; color: #000000; } .pwr-back-to-top__icon { fill: currentColor; } .pwr--dark .pwr-back-to-top:hover { background-color: #FFFFFF; color: #4218f0; } @media (max-width: 991px) { .pwr-footer-legal__content { row-gap: 15px; width: 80%; } .pwr-footer-legal__content .pwr-footer__item.pwr-footer-legal__notice:after { content: none; } .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1 { width: auto; } .pwr-footer-legal__back-to-top { width: 20%; } } @media (max-width: 767px) { .pwr-footer-legal__wrapper { padding: 30px 0; row-gap: 40px; } .pwr-footer-legal__content { width: 100%; } .pwr-footer-legal__content .pwr-footer-legal__notice:after { content: '' !important; padding: 0 !important; } .pwr-footer-legal__menu ul { justify-content: center; } .pwr-footer-legal__back-to-top { width: 100%; } } /* ========================================================================== 8. BLOG #blog ========================================================================== */ /* ========================================================================== Listing #blog-l ========================================================================== */ .pwr-blog-listing--author-page { background-color: #FFFFFF; padding-top: 0; } .pwr-blog-listing__grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; padding: 20px 0; } .pwr-post-item { color: #000000; min-height: 430px; } .pwr-post-item__wrapper { border-radius: 30px; overflow: hidden; } .pwr-post-item__overlay { background-color: #430d40; height: 100%; opacity: 0; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(1px); transform: translateZ(1px); transition: opacity .8s ease-in-out; width: 100%; } .pwr-post-item:hover .pwr-post-item__overlay { opacity: .85; transition: opacity .4s ease-in-out; } .pwr-post-item:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-post-item__img { background-position: center; background-size: cover; border-top-left-radius: 30px; border-top-right-radius: 30px; height: 238px; width: 100%; } .pwr-post-item__content { height: calc(100% - 238px); padding: 20px 20px 40px; row-gap: 20px; } .pwr-post-item__wrapper.pwr--dark .pwr-post-item__name, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__name, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__title, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__title, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__desc, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__desc, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__more-link, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__more-link, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__n-min-read, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__n-min-read, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__date, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__date { color: #FFFFFF; } .pwr-post-item__date, .pwr-post-item__n-min-read, .pwr-post-item__name { color: #430d40; font-family: Inter, sans-serif;; font-size: 14px; line-height: 1.14em; text-transform: uppercase; } .pwr-post-item__date { font-weight: 600; } .pwr-post-item__n-min-read { font-weight: 400; } .pwr-post-item__name { font-weight: bold; } .pwr-post-item__meta + .pwr-post-item__title { margin-top: 20px; } .pwr-post-item__title { color: #000000; font-size: 22px; line-height: 1.07em; } .pwr-post-item__desc { color: #000000; font-size: 14px; line-height: 1.66em; } .pwr-post-item__desc > p { margin: 0; } .pwr-post-item__title + .pwr-post-item__desc { margin-top: 10px; } .pwr-post-item__more-link { color: #FFFFFF; font-family: Inter, sans-serif;; font-size: 18px; font-weight: bold; height: 0; opacity: 0; overflow: hidden; padding-top: 20px; transition: all .4s ease-in-out; } .pwr-post-item:hover .pwr-post-item__more-link { height: auto; opacity: 1; padding-top: 0; transition: all .4s ease-in-out; } .pwr-post-item__icon { display: inline-block; fill: currentColor; padding-left: 10px; position: relative; top: 0.15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-post-item__more-link:hover .pwr-post-item__icon { transform: translateX(4px); } @media (max-width: 991px ) { .pwr-blog-listing__grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .pwr-post-item__img { height: 208px; } .pwr-post-item__content { height: calc(100% - 208px); } .pwr-post-item__title { font-size: 20px; } .pwr-post-item__more-link { color: #430d40; font-size: 13px; height: auto; opacity: 1; } } @media (max-width: 767px ) { .pwr-blog-listing__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } /* ========================================================================== Listing Filter #blog-lf Also used in modules with filters, like Image Boxes ========================================================================== */ .pwr-filter { padding: 30px 0; position: relative; } .pwr-filter__wrapper { overflow-x: auto; } .pwr-filter__list { min-width: max-content; column-gap: 25px; } .pwr-filter__list-item { min-width: fit-content; text-transform: uppercase; } .pwr-filter__link { color: #000000; font-family: Inter, sans-serif;; font-size: 13px; font-weight: 700; transition: color .4s ease-in-out; } .pwr--dark .pwr-filter__link, .pwr-filter.pwr--dark .pwr-filter__link { color: #FFFFFF; } .pwr--light .pwr-filter__link, .pwr-filter.pwr--light .pwr-filter__link { color: #000000; } .pwr-filter .pwr-filter__link:hover, .pwr-filter .pwr-filter__link.active { color: #4218f0; } /* ========================================================================== Blog Post #blog-po ========================================================================== */ .pwr-post-body { overflow: visible; position: static; } .pwr-post-body__content > .hs_cos_wrapper > *:first-child { margin-top: 0; } .pwr-post-body__content img { border-radius: 40px; } #pwr-progress-bar { background-color: transparent; bottom: 0; border: none; color: #4218f0; height: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; left: 0; position: fixed; width: 100%; z-index: 500; } #pwr-progress-bar::-webkit-progress-bar { background-color: transparent; } #pwr-progress-bar::-webkit-progress-value { background: #4218f0; } #pwr-progress-bar::-moz-progress-bar { background: #4218f0; } /* Body Content */ .pwr-post-body__content, .pwr-post-body__content p, .pwr-post-body__content .body-base { font-size: 18px; line-height: 1.66em; } .pwr-post-body__content h1 { line-height: 1.2em; } .pwr-post-body__content h1, .pwr-post-body__content .h1 { font-size: 55px; } .pwr-post-body__content h2 { line-height: 1.2em; } .pwr-post-body__content h2, .pwr-post-body__content .h2 { font-size: 45px; } .pwr-post-body__content h3 { line-height: 1.2em; } .pwr-post-body__content h3, .pwr-post-body__content .h3 { font-size: 38px; } .pwr-post-body__content h4 { line-height: 1.3em; } .pwr-post-body__content h4, .pwr-post-body__content .h4 { font-size: 30px; } .pwr-post-body__content h5 { line-height: 1.2em; } .pwr-post-body__content h5, .pwr-post-body__content .h5 { font-size: 28px; } .pwr-post-body__content h6 { line-height: 1.2em; } .pwr-post-body__content h6, .pwr-post-body__content .h6 { font-size: 25px; } @media (max-width: 1280px) { .pwr-post-body__content .h1-lg { font-size: 55px; } .pwr-post-body__content .h2-lg { font-size: 45px; } .pwr-post-body__content .h3-lg { font-size: 38px; } .pwr-post-body__content .h4-lg { font-size: 30px; } .pwr-post-body__content .h5-lg { font-size: 28px; } .pwr-post-body__content .h6-lg { font-size: 25px; } } @media (max-width: 991px) { .pwr-post-body__content, .pwr-post-body__content p, .pwr-post-body__content .body-base { font-size: 17px; line-height: 1.66em; } .pwr-post-body__content .h1-md { font-size: 55px; } .pwr-post-body__content h1, .pwr-post-body__content .h2-md { font-size: 45px; } .pwr-post-body__content h2, .pwr-post-body__content .h3-md { font-size: 38px; } .pwr-post-body__content h3, .pwr-post-body__content .h4-md { font-size: 30px; } .pwr-post-body__content h4, .pwr-post-body__content .h5-md { font-size: 28px; } .pwr-post-body__content h5, .pwr-post-body__content .h6-md { font-size: 25px; } .pwr-post-body__content h6 { font-size: 22px; } } @media (max-width: 767px) { .pwr-post-body__content .h1-sm { font-size: 55px; } .pwr-post-body__content .h2-sm { font-size: 45px; } .pwr-post-body__content h1, .pwr-post-body__content .h3-sm { font-size: 38px; } .pwr-post-body__content h2, .pwr-post-body__content .h4-sm { font-size: 30px; } .pwr-post-body__content h3, .pwr-post-body__content .h5-sm { font-size: 28px; } .pwr-post-body__content h4, .pwr-post-body__content .h6-sm { font-size: 25px; } .pwr-post-body__content h5 { font-size: 22px; } .pwr-post-body__content h6 { font-size: 20px; } } /* ========================================================================== Blog Post Hero #blog-ph ========================================================================== */ .pwr-post-hero__wrapper--boxed { background-repeat: no-repeat; background-size: cover; border-radius: 40px; overflow: hidden; padding: 64px 52px; } .pwr-post-hero__title { font-family: Space Grotesk, sans-serif;; font-weight: bold; line-height: 1.18em; } .pwr-post-item__meta + .pwr-post-hero__title { margin-top: 16px; } .pwr-post-hero__title + .pwr-post-item__author { margin-top: 28px; } .pwr-post-hero.pwr--dark .pwr-post-item__name, .pwr-post-hero.pwr--dark .pwr-post-item__date, .pwr-post-hero.pwr--dark .pwr-post-item__n-min-read, .pwr-post-hero__wrapper--boxed.pwr--dark .pwr-post-item__name, .pwr-post-hero__wrapper--boxed.pwr--dark .pwr-post-item__date, .pwr-post-hero__wrapper--boxed.pwr--dark .pwr-post-item__n-min-read, .pwr-post-featured__wrapper.pwr--dark .pwr-post-item__name, .pwr-post-featured__wrapper.pwr--dark .pwr-post-item__date, .pwr-post-featured__wrapper.pwr--dark .pwr-post-item__n-min-read { color: #FFFFFF; } @media (max-width: 991px) { .pwr-post-hero__wrapper--boxed { padding: 48px 36px; } } @media (max-width: 767px) { .pwr-post-hero__wrapper--boxed { border-radius: 32px; padding: 40px 28px; } .pwr-post-hero__title + .pwr-post-item__author { margin-top: 20px; } } /* ========================================================================== Author #blog-a ========================================================================== */ /* Site */ .pwr-author-posts-title { color: #000000; margin: 130px 0 50px; } /* Section */ .pwr-avatar { height: 160px; margin-top: 10px; width: 160px; } .pwr-avatar--valign { display: table-cell; padding-top: 0; vertical-align: middle; } .pwr-avatar__round { border-radius: 999px; overflow: hidden; } .pwr-avatar__small { width: 70px; height: 70px; } .pwr-avatar__large { height: 290px; padding: 0; width: 290px; } .pwr-avatar__img { height: auto; width: 100%; } .pwr-author-profile { background-color: #FFFFFF; display: table; padding: 60px 60px 50px; } .pwr-author-profile .pwr-avatar__round { background-color: #F9F9FA; } .pwr-author-profile--author-page .pwr-avatar__round { background-color: #FFFFFF; } .pwr-author-profile--author-page { background-color: transparent; padding: 90px 0; } .pwr-author-profile__info { display: table-cell; padding-left: 60px; vertical-align: middle; } .pwr-author-profile__name { color: #000000; margin: 0 0 20px; } .pwr-author-profile__bio { display: inline-block; font-size: 18px; margin: 0 0 20px; line-height: 2.25em; } .pwr-author-profile__social { font-size: 20px; } .pwr-social__header { padding: 0 6px; } @media (max-width: 991px) { .pwr-author-profile { text-align: center; } .pwr-author-profile__info { padding-left: 0; } .pwr-author-profile__social { margin-left: 0; } .pwr-author-profile__social .pwr-social-icon:first-child { padding-left: .7em; } .pwr-author-profile__social .pwr-social-icon:last-child { padding-right: .7em; } .pwr-avatar { margin-bottom: 40px; } .pwr-avatar, .pwr-author-profile, .pwr-author-profile__info { display: inline-block; } } /* ========================================================================== Pagination #blog-pag ========================================================================== */ .pwr-blog-pagination { margin-top: 40px; } .pwr-blog-pagination__wrapper { column-gap: 40px; } .pwr-blog-pagination__btn { background-color: #F9F9FA; border-radius: 6px; color: #000000; column-gap: 4px; font-family: Inter, sans-serif;; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 1; min-width: 132px; padding: 21px; text-transform: uppercase; } .pwr-blog-pagination__icon { fill: currentColor; } .pwr-blog-pagination__icon.pwr-icon svg { transition: none; } .pwr-blog-pagination__btn:hover, .pwr-blog-pagination__btn:focus { color: #4218f0; } .pwr-blog-pagination__btn--disabled { cursor: default; opacity: .5; } .pwr-blog-pagination__btn--disabled:hover, .pwr-blog-pagination__btn--disabled:focus { color: #000000; } @media (max-width: 767px) { .pwr-blog-pagination__wrapper { column-gap: 20px; } .pwr-blog-pagination__btn { min-width: auto; padding: 21px 28px; } } /* ========================================================================== Comments #blog-c ========================================================================== */ .pwr-post-comments .hs_submit .hs-button { margin-top: 0; padding: 15px 31px; } #comments-listing { margin-bottom: 40px; } .comment, .comment.depth-0 { border: 0; margin: 10px 0; padding: 15px 0; } .comment-date { color: #000000; float: right; font-family: Space Grotesk, sans-serif;; font-size: 12px; font-weight: bold; text-align: right; } .comment-from h4 { font-size: 19px; margin: 0; line-height: 1.6em; } .comment-from h4 a { color: #000000; } .comment-body { font-size: 18px; line-height: 2em; } .comment-body p { margin: .25em 0 .5em; } .hs-button.comment-reply-to { background: none; color: #4218f0; cursor: pointer; font-family: Space Grotesk, sans-serif;; font-size: 12px; font-weight: bold; padding: 0; } .replying { padding-left: 0; } .replying-to { display: block; font-family: Space Grotesk, sans-serif;; font-size: 24px; font-weight: bold; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; } /* ========================================================================== 9. MODULES #mod ========================================================================== */ /* ========================================================================== System - Email Preferences #mod-pref ========================================================================== */ .pwr-email-prefs .page-header > h1, .pwr-email-prefs .page-header > br { display: none; } .pwr-email-prefs .page-header h2 { font-family: Space Grotesk, sans-serif;; font-size: 38px; font-weight: bold !important; letter-spacing: 0.01em; line-height: 1.2em; margin: 0; text-transform: none; } #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } .pwr-email-prefs #email-prefs-form #content > .header { display: none; } .pwr-email-prefs .email-prefs .item { margin: 0 0 20px; padding-bottom: 0; } .pwr-email-prefs .email-prefs .item .item-inner { background-color: #FFFFFF; border: solid 1px #E6E6E6; border-radius: 24px; padding: 28px 30px; } .pwr-email-prefs .email-prefs .item .item-inner.hovered { box-shadow: none; } .pwr-email-prefs .email-prefs .item .item-inner * { color: #000000; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel { display: flex; align-items: center; flex-wrap: wrap; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span { position: inherit; } .pwr-email-prefs .subscribe-options label { margin-left: 0; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { float: unset; font-family: Space Grotesk, sans-serif;; font-size: 18px; font-weight: bold; line-height: 1.6em; vertical-align: unset; } .pwr-email-prefs .email-prefs .item [type="checkbox"] + span:before { left: 30px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after { left: 37px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 78px !important; margin: 0px !important; padding-top: 0; } .pwr-email-prefs .subscribe-options > p { margin-left: 0; } .pwr-email-prefs .email-prefs .item .item-inner p { margin: 0 0 0 78px; } .pwr-email-prefs .email-prefs .item .item-inner p:before { background-color: #000000; content: ''; height: 60%; left: 83px; opacity: .1; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 1px; } .pwr-email-prefs #submitbutton { margin-top: 20px; } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner { background-color: rgba(255, 255, 255,.075); } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner * { color: #FFFFFF; } @media (max-width: 991px ) { .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .email-prefs .item .item-inner p, .pwr-email-prefs .subscribe-options label > span { font-size: 17px; } } @media (max-width: 767px ) { .pwr-email-prefs .page-header h2 { font-size: 22px; } .pwr-email-prefs .email-prefs .item .item-inner { padding: 20px 25px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span { position: relative; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 48px !important; margin-bottom: 8px !important; } .pwr-email-prefs .email-prefs .item [type="checkbox"] + span:before { left: 0; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after { left: 7px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { margin-bottom: 8px; } .pwr-email-prefs .email-prefs .item .item-inner p { margin: 0; } .pwr-email-prefs .email-prefs .item .item-inner p:before { content: none; } } /* ========================================================================== System - Email Subscriptions #mod-sub ========================================================================== */ .pwr-email-subs .page-header { margin-bottom: 30px; padding: 0; } .pwr-email-subs .pwr-sec__title + .page-header, .pwr-email-subs .pwr-sec__desc + .page-header { margin-top: 20px; } .pwr-email-subs .page-header > h1, .pwr-email-subs .page-header > br, .pwr-email-subs--unsub .page-header, .pwr-email-subs--unsub #email-prefs-form #content > h3 { display: none; } .pwr-email-subs .page-header h2 { font-family: Space Grotesk, sans-serif;; font-size: 32px; font-weight: bold !important; letter-spacing: 0.01em; line-height: 1.42em; margin: 0; text-transform: none; } .pwr-email-subs #content { color: #4218f0; font-family: Space Grotesk, sans-serif;; font-size: 38px; font-weight: bold !important; letter-spacing: 0.01em; line-height: 1.2em; margin: 0; text-transform: none; } .pwr-email-subs .page-header > p { margin: 8px 0 0; } .pwr-email-subs #email-prefs-form .email-edit { margin-top: 20px; } .pwr-email-subs #email-prefs-form .email-edit { font-size: 19px !important; padding: 20px 0 !important; } .pwr-email-subs #submitbutton { margin-top: 30px; } .pwr-email-subs__media-img { height: auto; line-height: 0; width: 100%; } @media (max-width: 991px ) { .pwr-email-subs .page-header h2 { font-size: 32px; } .pwr-email-subs #email-prefs-form .email-edit { font-size: 18px !important; padding: 10px 0 !important; } .pwr-email-subs #submitbutton { margin-top: 23px; } } @media (max-width: 767px ) { .pwr-email-subs .page-header h2 { font-size: 20px; } .pwr-email-subs #content { font-size: 24px; letter-spacing: 0.01em; line-height: 1.2em; text-transform: none; } } /* ========================================================================== System - Password Prompt #mod-pp ========================================================================== */ .pwr-password-prompt { padding: 240px 0; } .pwr-password-prompt__content { border-radius: 50px; max-width: 475px; padding: 50px 50px 60px; } .pwr-password-prompt__desc p { line-height: 1.6em; } .pwr-password-prompt__title + .pwr-password-prompt__form, .pwr-password-prompt__desc + .pwr-password-prompt__form { margin-top: 40px; } .pwr-password-prompt__form p { color: #F2545B; display: block; font-size: 18px; margin: 0 0 30px; } .pwr-password-prompt #hs-pwd-widget-password { border-color: rgba(0, 0, 0, .2); border-radius: 4px !important; border-style: solid; border-width: 1px; background-color: transparent; font-size: 20px; margin-bottom: 20px; text-align: center; width: 100%; } body .pwr-password-prompt input[type="submit"].hs-button { border-radius: 6px !important; width: 100%; } @media (max-width: 767px ) { .pwr-password-prompt { padding: 150px 0; } .pwr-password-prompt__content { border-radius: 30px; max-width: 100%; padding: 40px 30px 50px; } .pwr-password-prompt__title + .pwr-password-prompt__form, .pwr-password-prompt__desc + .pwr-password-prompt__form { margin-top: 30px; } .pwr-password-prompt #hs-pwd-widget-password { font-size: 17px; } } /* ========================================================================== System - Search Results #mod-ss ========================================================================== */ #pwr-search-results__input { font-size: 20px; font-weight: 500; padding: 15px 52px 15px 0; } .pwr-search-field__icon { background-color: transparent; border: 0; color: inherit; cursor: pointer; font-size: inherit; padding: 0; position: absolute; right: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .4s ease; top: 50%; } .pwr-search-field__icon:hover svg { fill: #4218f0; } .hs-search-field+.pwr-search-results .pwr-search-results__listing > li:first-child { margin-top: 60px; } .hs-search-results__listing, .pwr-search-results__listing { margin: 0; padding: 0; list-style: none; } .hs-search-results__listing li, .pwr-search-results__listing li { margin: 0; padding: 0; } .hs-search-results__listing li:not(:last-of-type), .pwr-search-results__listing li:not(:last-of-type) { margin-bottom: 20px; } .hs-search-results__listing li, .pwr-search-results__entry { background-color: #FFFFFF; border-radius: 10px; display: inline-block; padding: 30px 40px; transition: background .4s ease-in-out; width: 100%; } .hs-search-results__listing li { background-color: ; } .pwr-search-results__entry:hover { background-color: #4218f0; } .hs-search-results__listing .hs-search-results__title, .pwr-search-results__title { color: #000000; margin: 0; } .hs-search-results__listing .hs-search-results__description, .pwr-search-results__description { color: #000000; margin: 10px 0 0; } .hs-search-results__listing .hs-search-results__title, .hs-search-highlight { color: #4218f0; font-weight: bold; } .hs-search__no-results { margin-top: 40px; } .hs-search-results__title, .hs-search-results__description, .pwr-search-results__title, .pwr-search-results__description, .hs-search-highlight { transition: color .4s ease-in-out; } .pwr-search-results__entry:hover .pwr-search-results__title, .pwr-search-results__entry:hover .pwr-search-results__description, .pwr-search-results__entry:hover .hs-search-highlight { color: #FFFFFF; } .hs-search-results__prev-page, .hs-search-results__next-page, .pwr-search-results__prev-page, .pwr-search-results__next-page { margin-top: 50px; } .hs-search-results__prev-page, .pwr-search-results__prev-page { float: left; } .hs-search-results__next-page, .pwr-search-results__next-page { float: right; } .pwr--dark .hs-search-results__listing li { background-color: ; } .pwr--dark .hs-search-results__title, .pwr--dark .hs-search-results__description, .pwr--dark .pwr-search-results__title, .pwr--dark .pwr-search-results__description, .pwr--dark .hs-search-highlight { color: #FFFFFF; } .pwr--dark .pwr-search-field__icon:not(:hover) svg { fill: #FFFFFF; } .pwr--dark .hs-search-highlight { box-shadow: inset 0 -0.382em 0 #4218f0; } @media (max-width: 991px ) { .hs-search-results__listing li, .pwr-search-results__entry { padding: 30px; } #pwr-search-results__input { font-size: 20px; } .hs-search-results__prev-page, .hs-search-results__next-page, .pwr-search-results__prev-page, .pwr-search-results__next-page { margin-top: 38px; } } @media (max-width: 767px ) { .hs-search-results__listing li, .pwr-search-results__entry { padding: 30px 25px; } #pwr-search-results__input { font-size: 18px; } } /* ========================================================================== Standalone - Error #mod-err ========================================================================== */ .pwr-sec--error__title { font-family: Space Grotesk, sans-serif;; font-size: 350px; line-height: 1; margin-bottom: 20px; } @media (max-width: 991px ) { .pwr-sec--error__title { font-size: 285px; } } @media (max-width: 767px ) { .pwr-sec--error__title { font-size: 160px; } } /* ========================================================================== Standalone - Navigation #mod-nav ========================================================================== */ .pwr-sec-nav { background-color: #F9F9FA; padding: 25px 0; } .pwr-sec-nav.pwr--dark { background-color: #000000; } .pwr-nav__container { flex: 1 0 auto; } .pwr-nav__link { color: #000000; column-gap: 20px; font-family: Space Grotesk, sans-serif;; font-size: 13px; font-weight: 600; text-transform: uppercase; transition: color .4s ease-in-out; } .pwr--dark .pwr-nav__link { color: #FFFFFF; } .pwr-nav__link:hover, .pwr--dark .pwr-nav__link:hover { color: #4218f0; } .pwr-nav__icon { font-size: 20px; fill: currentColor; } .pwr-nav__icon svg { transition: none !important; } .pwr-nav__middle .pwr-nav__icon { font-size: 12px; } @media (max-width: 767px ) { .pwr-prev-next-nav__left .pwr-prev-next-nav__text, .pwr-prev-next-nav__right .pwr-prev-next-nav__text { margin-top: 30px; padding: 0; } } /* ========================================================================== Standalone - Text with TOC / Pillar Page TOC #mod-toc ========================================================================== */ .pwr-pillar-toc { z-index: 1; } .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__content h6:not(.pwr--toc-ignore)::before { display: block; content: " "; height: 50px; margin-top: -50px; visibility: hidden; } .pwr-toc__container--fixed-header .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h6:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h6:not(.pwr--toc-ignore)::before { height: 140px; margin-top: -140px; } .pwr-toc-menu { color: rgba(0, 0, 0, .45); font-size: 18px; font-weight: 600; max-height: 80vh; max-width: 360px; position: absolute; top: 30px; width: 30%; z-index: 90; } .pwr--dark .pwr-toc-menu { color: rgba(255, 255, 255, .45); } .pwr-toc-menu .pwr-toc-menu__toc-list { max-height: 80vh; overflow-y: scroll; padding-bottom: 40px; -ms-overflow-style: -ms-autohiding-scrollbar; } .pwr-toc-menu .toc-list { list-style: none; overflow-y: scroll; padding-left: 20px; } .pwr-toc-menu .toc-list, .pwr-toc-menu .toc-list-item { -ms-overflow-style: none; } .pwr-toc-menu .toc-link { display: inline-block; padding: 12px 20px; transition: 0.2s ease-in-out; } .pwr-toc-menu .toc-link::before { background-color: ; } .pwr-toc-menu .is-active-link { color: #4218f0; font-weight: 900; } .pwr-toc-menu .is-active-link::before { background-color: #4218f0; content: ' '; display: inline-block; height: inherit; left: 0; max-height: 30px; position: absolute; width: 2px; z-index: 1; } .pwr-toc__container--fixed-header .pwr-toc-menu:not(.pwr-toc-menu--overlay) { top: 120px; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 70px; } .pwr-toc-menu--overlay { background-color: transparent; display: none; font-size: 15px; font-weight: 500; left: 0px; max-width: 100%; overflow: hidden; position: fixed; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40%; } .pwr--dark .pwr-toc-menu--overlay { box-shadow: -2px 4px 10px rgba(0,0,0,0.3); } .pwr--light .pwr-toc-menu--overlay { box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } .pwr-toc-menu--overlay.pwr-toc-menu--minimized { background-color: transparent; box-shadow: none; } .pwr-toc-menu--overlay-right { border-top-right-radius: 0; border-bottom-right-radius: 0; left: auto; right: 0; } .pwr-toc-menu--overlay { -webkit-transform: translateY(-50%) translateZ(100px); transform: translateY(-50%) translateZ(100px); } .pwr-toc-menu--overlay .toc-link { padding: 8px; } .pwr--dark .pwr-toc-menu--overlay .toc-link:after { background-color: ; } .pwr--light .pwr-toc-menu--overlay .toc-link:after { background-color: ; } .pwr--dark .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #FFFFFF; } .pwr--light .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #000000; } .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { max-height: calc( 60vh - 70px); overflow-y: scroll; padding: 40px 50px; } .pwr--dark .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { background-color: #000000; } .pwr--light .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { background-color: #FFFFFF; } .pwr-toc-menu--overlay .toc-list { overflow-y: unset; } .pwr-toc-menu--minimized .pwr-toc-menu__toc-list { display: none; } .pwr-toc-menu__header { background-color: #4218f0; border-top-right-radius: 10px; color: #FFFFFF; display: none; margin: 0; padding: 20px 80px 20px 50px; position: relative; } .pwr-toc-menu__header:after { content: ""; color: #FFFFFF; display: block; position: absolute; transition: all 0.5s ease-in-out; top: 50%; right: 34px; width: 10px; height: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -4px) rotate(-135deg); transform: translate(0, -4px) rotate(-135deg); box-shadow: inset -2px 2px 0 1px; } .pwr-toc-menu--overlay-right .pwr-toc-menu__header:after { -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); } .pwr-toc-menu--overlay .pwr-toc-menu__header { display: block; } .pwr-toc-menu--minimized .pwr-toc-menu__header { display: none; } .pwr-toc-menu__burger { background-color: #4218f0; border-radius: 0 10px 10px 0; display: none; height: 70px; position: relative; width: 70px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { display: block; background: #FFFFFF; height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; } .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { content: ' '; } .pwr-toc-menu__burger span { top: 50%; } .pwr-toc-menu__burger:before { top: 25px; } .pwr-toc-menu__burger:after { bottom: 22px; } .pwr-toc-menu--minimized .pwr-toc-menu__burger { display: block; } @media (max-width: 1280px ) { .pwr-toc-menu--overlay { width: 50%; } } @media (min-width: 992px) { .pwr-toc__content--indent { margin-left: 30%; } } @media (max-width: 991px) { .pwr-toc-menu--overlay { width: 60%; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 40px; } .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { padding: 30px 35px; } } @media (max-width: 767px) { .pwr-toc-menu--overlay { width: auto; } .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { padding: 25px 20px; } .pwr-toc-menu__burger { height: 30px; width: 30px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { height: 2px; width: 12px; } .pwr-toc-menu__burger:before { top: 20px; } .pwr-toc-menu__burger:after { bottom: 18px; } } /* ========================================================================== Section Accordion #mod-a ========================================================================== */ .pwr-sec-accordion__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 20px; } .pwr-sec-accordion__title + .pwr-sec-accordion__grid, .pwr-sec-accordion__desc + .pwr-sec-accordion__grid { margin-top: 40px; } .pwr-accordion { border: 1px solid transparent; border-radius: 8px; transition: all .4s ease-in-out; } .pwr-accordion__top { cursor: pointer; padding: 25px 70px 25px 30px; position: relative; } .pwr-accordion__title { transition: all .4s ease-in-out; } .pwr-accordion__icon { position: absolute; right: 40px; top: 50%; } .pwr-accordion__icon::before, .pwr-accordion__icon::after { position: absolute; content: ""; transition: all .4s ease; } .pwr-accordion__icon::before { left: -6px; width: 15px; height: 3px; } .pwr-accordion__icon::after { top: -6px; width: 3px; height: 15px; } .pwr-accordion__icon.active::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all .4s ease; } .pwr-accordion__icon.active::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all .4s ease; } .pwr--light .pwr-accordion__icon::before, .pwr--light .pwr-accordion__icon::after { background-color: #000000; } .pwr--dark .pwr-accordion__icon::before, .pwr--dark .pwr-accordion__icon::after { background-color: #FFFFFF; } .pwr-accordion__bottom { display: none; overflow: hidden; padding: 0 30px 30px; } .pwr-accordion__cta { margin-top: 20px; line-height: 1; } @media (max-width: 991px) { .pwr-accordion__icon { right: 30px; } .pwr-accordion__icon::before { left: -5px; width: 12px; height: 2px; } .pwr-accordion__icon::after { top: -5px; width: 2px; height: 12px; } } @media (max-width: 767px) { .pwr-accordion__top { padding: 20px 70px 20px 20px; } .pwr-accordion__bottom { padding: 0 20px 20px; } } /* ========================================================================== Section Blog Posts Preview #mod-bpp ========================================================================== */ .pwr-sec-posts__grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; padding: 20px 0; } @media (max-width: 991px ) { .pwr-sec-posts__grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .pwr-sec-posts__grid .pwr-post-item:last-child { display: none; } } @media (max-width: 767px ) { .pwr-sec-posts__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .pwr-sec-posts__grid .pwr-post-item:nth-child(2) { display: none; } } /* ========================================================================== Section Device Mockup #mod-dm ========================================================================== */ .pwr-sec-mockup__title + .pwr-sec-mockup__form, .pwr-sec-mockup__desc + .pwr-sec-mockup__form { margin-top: 40px; } .pwr-sec-mockup__mockup-img { height: auto; line-height: 0; width: 100%; } .pwr-sec-mockup__mockup iframe, .pwr-sec-mockup__mockup .pwr-video-background, .pwr-sec-mockup__mockup .pwr--abs-full { border-radius: 50px; } @media (max-width: 1280px ) { .pwr--full-width .flex-lg-column .pwr-sec-mockup__content, .pwr--full-width .flex-lg-column-reverse .pwr-sec-mockup__content { padding-right: 40px; padding-left: 40px; } .pwr--full-width .flex-lg-row .pwr-sec-mockup__content { padding-left: 40px; } .pwr--full-width .flex-lg-row-reverse .pwr-sec-mockup__content { padding-right: 40px; } .pwr--full-width .flex-row.flex-lg-column .pwr-sec-mockup__mockup, .pwr--full-width .flex-row.flex-lg-column-reverse .pwr-sec-mockup__mockup { align-self: flex-end; } .pwr--full-width .flex-row-reverse.flex-lg-column .pwr-sec-mockup__mockup, .pwr--full-width .flex-row-reverse.flex-lg-column-reverse .pwr-sec-mockup__mockup { align-self: flex-start; } } @media (max-width: 991px ) { .pwr--full-width .flex-md-column .pwr-sec-mockup__content, .pwr--full-width .flex-md-column-reverse .pwr-sec-mockup__content { padding-right: 36px; padding-left: 36px; } .pwr--full-width .flex-md-row .pwr-sec-mockup__content { padding-left: 36px; } .pwr--full-width .flex-md-row-reverse .pwr-sec-mockup__content { padding-right: 36px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 15px; } .pwr-sec-mockup__title + .pwr-sec-mockup__form, .pwr-sec-mockup__desc + .pwr-sec-mockup__form { margin-top: 30px;; } .pwr--full-width .flex-row.flex-md-column .pwr-sec-mockup__mockup, .pwr--full-width .flex-row.flex-md-column-reverse .pwr-sec-mockup__mockup { align-self: flex-end; } .pwr--full-width .flex-row-reverse.flex-md-column .pwr-sec-mockup__mockup, .pwr--full-width .flex-row-reverse.flex-md-column-reverse .pwr-sec-mockup__mockup { align-self: flex-start; } } @media (max-width: 767px ) { .pwr-sec-mockup__mockup iframe, .pwr-sec-mockup__mockup .pwr-video-background, .pwr-sec-mockup__mockup .pwr--abs-full { border-radius: 30px; } .pwr--full-width .flex-sm-column .pwr-sec-mockup__content, .pwr--full-width .flex-sm-column-reverse .pwr-sec-mockup__content { padding-right: 18px; padding-left: 18px; } .pwr--full-width .flex-row .pwr-sec-mockup__mockup { align-self: flex-end; } .pwr--full-width .flex-row-reverse .pwr-sec-mockup__mockup { align-self: flex-start; } } /* ========================================================================== Section Disclaimer #mod-disc ========================================================================== */ .pwr-sec-disc__title { letter-spacing: .01em; line-height: 24px; } .pwr-sec-disc__title + .pwr-sec-disc__img { padding-left: 7px; } .pwr-sec-disc__right:before { background-color: #000; content: ""; display: block; height: 33px; margin: 0 20px; width: 1px; } @media (max-width: 991px) { .pwr-sec-disc__wrapper { row-gap: 10px; } .pwr-sec-disc__right:before { content: none; } .pwr-sec-disc .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { text-align: center; } } /* ========================================================================== Section Features #mod-feat ========================================================================== */ .pwr-feature { border: solid 1px #E6E6E6; border-radius: 24px; column-gap: 20px; padding: 28px 30px; row-gap: 20px; } .pwr-feature--link { transition: all .4s ease-in-out; } .pwr-feature__icon { fill: currentColor; font-size: 30px; width: fit-content; } .pwr-feature__content { row-gap: 6px; } .pwr-feature__title { line-height: 1.3em; } .pwr-feature__desc p { line-height: 1.4em; } .pwr-feature__title + .pwr-btn--link, .pwr-feature__desc + .pwr-btn--link { margin-top: 4px; } @media (min-width: 1281px ) { .pwr-feature.flex-row .pwr-feature__img { flex: 1 0 auto; max-width: max-content; } } @media (max-width: 1280px ) and (min-width: 992px ) { .pwr-feature.flex-lg-row .pwr-feature__img { flex: 1 0 auto; } } @media (max-width: 991px ) and (min-width: 768px ) { .pwr-feature.flex-md-row .pwr-feature__img { flex: 1 0 auto; } } @media (max-width: 767px ) { .pwr-feature { padding: 28px 25px; } .pwr-feature.flex-sm-row .pwr-feature__img { flex: 1 0 auto; } } /* ========================================================================== Section Form #mod-frm ========================================================================== */ .pwr-form--wrapped { border-radius: 50px; padding: 60px 50px; } .pwr-form--wrapped .hs-submit { width: 100%; } @media (max-width: 767px ) { .pwr-form--wrapped { border-radius: 40px; padding: 40px 35px 35px; } } /* ========================================================================== Section Image Boxes #mod-ib ========================================================================== */ .pwr-sec-image-boxes--parallax { overflow: hidden; } .pwr-sec-image-boxes .pwr-filter { margin-bottom: 60px; } .pwr-image-box { border: 0px solid transparent; position: relative; width: 100%; } .pwr-sec-image-boxes__container { margin: 0 -10px; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin: 10px; } .pwr-image-box__img { background-size: cover; background-position: center; height: 380px; width: 100%; } .pwr-image-box__img > .pwr--abs-full { background-color: #000000; border-radius: 30px; opacity: .3; } .pwr-image-box--style-below-2 .pwr-image-box__img { border-radius: 30px 30px 0 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 25% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 50% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img { height: 500px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 380px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 780px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 25%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 50%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 480px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 400px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 800px; } .pwr-image-box .pwr-3D-box__sensor { border-radius: 30px; } .pwr-image-box__overlay { border-radius: 30px; height: 100%; opacity: 0; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(1px); transform: translateZ(1px); transition: opacity .4s ease-in-out; width: 100%; } .pwr-image-box:hover .pwr-image-box__overlay { transition: opacity .4s ease-in-out; } .pwr-image-box__front, .pwr-image-box__back { bottom: 0; color: #FFFFFF; left: 0; padding: 50px 40px; position: absolute; width: 100%; z-index: 1; } .pwr-image-box__below { padding: 30px 10px 35px 0; } .pwr-image-box .pwr-image-box__below, .pwr-image-box:hover .pwr-image-box__below { color: #000000; } .pwr--dark .pwr-image-box .pwr-image-box__below, .pwr--dark .pwr-image-box:hover .pwr-image-box__below{ color: #FFFFFF; } .pwr-image-box--style-below-2 .pwr-image-box__below { border-radius: 0 0 30px 30px; padding: 35px 40px; } .pwr-image-box:hover .pwr-image-box__back { transition: opacity .4s ease-in-out; } .pwr-image-box__front, .pwr-image-box:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-image-box:hover .pwr-image-box__front, .pwr-image-box__back { opacity: 0; } .pwr-image-box__intro { margin-bottom: 8px; } .pwr-image-box__title, .pwr-image-box__title span, .pwr-image-box__title div { line-height: 1.2em; } .pwr-image-box__desc { padding-top: 10px; } .pwr-image-box__front--hide, .pwr-image-box__desc--is-gallery { display: none; } .pwr-image-box__more-link { display: block; font-family: Inter, sans-serif;; font-size: 13px; font-weight: bold; height: 0; opacity: 0; overflow: hidden; padding: 20px 0 0 0; transition: all .4s ease-in-out; } .pwr-image-box__more-link, .pwr-image-box__more-link:hover { color: #FFFFFF; } .pwr-image-box__more-link:hover { overflow: visible; } .pwr-image-box__more-link:not(.pwr-image-box__more-link--centered):hover .pwr-image-box__icon { transform: translateX(4px); } .pwr-image-box__more-link--mobile { display: none; } @media (hover: none) { .pwr-image-box__more-link--mobile { display: block; height: auto; opacity: 1; } .pwr-image-box__more-link--mobile, .pwr-image-box__more-link--mobile:hover { color: #000000; } .pwr--dark .pwr-image-box__more-link--mobile, .pwr--dark .pwr-image-box__more-link--mobile:hover { color: #FFFFFF; } } .pwr-image-box--is-link:hover .pwr-image-box__more-link { height: auto; opacity: 1; } .pwr-image-box__more-link--centered { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link--centered { padding-top: 0; } .pwr-image-box__icon { display: inline-block; fill: currentColor; padding-left: 10px; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-image-box__icon--no-text { padding-left: 0; font-size: 25px; } @media (max-width: 1280px ) { .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 66.66%; } } @media (max-width: 991px ) { .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 50% - 20px ) !important; } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 100% - 20px ) !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 50% !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 100% !important; } } @media (max-width: 767px ) { .pwr-sec-image-boxes__container { margin-left: 0; margin-right: 0; } .pwr-image-box__front, .pwr-image-box__back { padding: 38px 30px; } .pwr-image-box__below { padding: 23px 8px 27px 0; } .pwr-image-box--is-link:hover .pwr-image-box__more-link, .pwr-image-box__more-link--mobile { padding-top: 15px; } .pwr-image-box__more-link--centered { font-size: 20px; } .pwr-image-box__icon--no-text { font-size: 20px; } .pwr-image-box--style-below-2 .pwr-image-box__below { padding: 27px 30px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one, .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 100% !important; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin-left: 0; margin-right: 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 380px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 400px; } } /* ========================================================================== Section List #mod-list ========================================================================== */ .pwr-sec-list__wrapper { column-gap: 52px; } .pwr-list__list { border: 16px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #942180, #4218F0); border-left: 0; border-right: 0; border-bottom: 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); flex: 1 1 0; padding: 72px 56px 204px; } .pwr-list__item { column-gap: 20px; row-gap: 20px; } .pwr-list__item-num { font-size: 96px; line-height: 1; min-width: 68px; } .pwr-list__item-icon { fill: currentColor; } .pwr-list__item-content { row-gap: 8px; } .pwr-list__item-title > * { line-height: 1.2; } @media (max-width: 1280px ) { .pwr-list__list { padding: 72px 44px 204px; } } @media (max-width: 991px ) { .pwr-sec-list__wrapper { column-gap: 32px; } .pwr-list__list { padding: 48px 20px 160px; } .pwr-list__item { column-gap: 16px; row-gap: 16px; } .pwr-list__item-num { font-size: 72px; min-width: 52px; } } @media (max-width: 767px ) { .pwr-sec-list__wrapper { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); } .pwr-list__list { box-shadow: none; padding: 48px 20px 128px; } .pwr-list__list:first-child { padding-bottom: 0; } .pwr-list__list:last-child { border: none; } .pwr-list__item-num { font-size: 56px; min-width: 40px; } } /* ========================================================================== Section Logo Slider #mod-ls ========================================================================== */ .pwr-sec-logos__slider .owl-stage-outer { overflow: hidden; } .pwr-sec-logos__slider .owl-carousel .owl-stage { display: flex; align-items: center; } .pwr-sec-logos__logo { height: auto; max-width: 100%; transition: all 0.4s; } .pwr-sec-logos__logo--grayscale { opacity: 1; -webkit-filter: grayscale(1); filter: grayscale(1); } .pwr--dark .pwr-sec-logos__logo--grayscale { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); } .pwr-sec-logos__logo--grayscale:hover { -webkit-filter: grayscale(0) invert(0); filter: grayscale(0) invert(0); } /* ========================================================================== Section Nav Boxes Slider #mod-nbs ========================================================================== */ .pwr-sec-nav-boxes__slider .owl-stage { padding: 10px 0; } .pwr-nav-box__img { background-size: cover; background-position: center; border-radius: 24px; padding-bottom: 21px; width: 100%; } .pwr-nav-box--regular .pwr-nav-box__img { height: 278px; } .pwr-nav-box--small .pwr-nav-box__img { height: 180px; } .pwr-nav-box__img .pwr--abs-full { background: rgba(28,29,36,0.3); background: -moz-linear-gradient(90deg, rgba(28,29,36,0.85) 0%, rgba(28,29,36,0) 50%); background: -webkit-linear-gradient(90deg, rgba(28,29,36,0.85) 0%, rgba(28,29,36,0) 50%); background: linear-gradient(0deg, rgba(28,29,36,0.85) 0%, rgba(28,29,36,0) 50%); border-radius: 24px; transition: all .3s ease-in-out; z-index: -1; } .pwr-nav-box__btn { border: solid 1px #FFFF; border-radius: 6px; color: #FFFFFF; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 16px; padding: 15px 20px 14px; text-transform: uppercase; transition: all .3s ease-in-out; } .pwr-nav-box--regular:hover .pwr-nav-box__btn { background-color: #4218f0; padding-left: 29px; padding-right: 29px; border-color: #4218f0; } .pwr-nav-box--small:hover .pwr-nav-box__btn { transform: translateY(-47px); } /* ========================================================================== Section Sidenav #mod-sn ========================================================================== */ .pwr-sec-sidenav { background-color: transparent; position: absolute; width: 100%; z-index: 1; } .pwr-sec-sidenav__wrapper { position: sticky; top: 90.8px; } .pwr-sidenav, .pwr-sidenav--dropdown, .pwr-sidenav--dropdown-menu { -webkit-backdrop-filter: saturate(160%) blur(10px); backdrop-filter: saturate(160%) blur(10px); border: 1px solid transparent; border-radius: 24px; column-gap: 8px; padding: 20px; row-gap: 4px; } .pwr-sidenav--dropdown { padding: 20px 24px 20px 20px; } .pwr-sidenav--dropdown-icon { transition: all .4s ease-in-out; } .pwr-sidenav--dropdown-icon svg { height: 16px; width: 16px; } .pwr-sidenav--dropdown-icon.expanded { transform: rotateZ(180deg); } .pwr-sidenav--dropdown-menu { display: none; top: calc(100% + 8px); width: 100%; } .pwr-sidenav__item { border-radius: 8px; color: #000000; cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.2em; padding: 10px 14px; text-transform: uppercase; transition: all .2s ease-in-out; } .pwr-sidenav--dropdown-selected { border-radius: 0; padding: 0; } @media (max-width: 991px ) { .pwr-sidenav, .pwr-sidenav--dropdown, .pwr-sidenav--dropdown-menu { border-radius: 16px; padding: 16px; } .pwr-sidenav--dropdown { padding: 20px 30px; } .pwr-sec-sidenav__wrapper { position: sticky; top: 90.8px; } } @media (max-width: 767px ) { .pwr-sec-sidenav__wrapper { top: 65px; } } /* ========================================================================== Section Stats #mod-stat ========================================================================== */ .pwr-sec-stats .pwr-video-background, .pwr-sec-stats .pwr--abs-full { z-index: -1; } .pwr-stat__num { font-family: Space Grotesk, sans-serif;; font-size: 53px; font-weight: bold; letter-spacing: -2.12px; line-height: 1em; word-break: break-all; } .pwr-stat__desc { line-height: 1.5em; margin-top: 15px; } @media (max-width: 991px ) { .pwr-stat__num { font-size: 43px; } .pwr-stat__desc { font-size: 17px; } } /* ========================================================================== Section Steps #mod-stp ========================================================================== */ .pwr-step.with-border { border-bottom: solid 1px #EDEEEF; padding-bottom: 31.5px; } .pwr-step__media + .pwr-step__title, .pwr-step__media + .pwr-step__desc { margin-top: 25px; } .pwr-step__media { max-width: fit-content; } .pwr-step__count { line-height: 60px; height: 60px; width: 60px; } .pwr-step__title { line-height: 1.4em; } .pwr-step__title + .pwr-step__desc { margin-top: 10px; } .pwr-step__title + .pwr-step__cta, .pwr-step__desc + .pwr-step__cta { margin-top: 40px; } /* ========================================================================== Section Tabs #mod-tabs ========================================================================== */ .pwr-sec-tabs .pwr-video-background, .pwr-sec-tabs .pwr--abs-full { z-index: -1; } .pwr-sec-tabs__tabs { margin-bottom: 80px; } .pwr-sec-tabs__wrapper { border-bottom: 1px solid rgb(255 255 255 / 20%); column-gap: 50px; overflow-x: auto; width: 80%; } .pwr-tabs__tab { cursor: pointer; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.6em; min-width: max-content; opacity: .4; padding: 10px 6px; text-transform: uppercase; transition: opacity .2s ease-in-out; } .pwr-tabs__tab--active, .pwr-tabs__tab:hover { border-bottom: 3px solid #FFF; opacity: 1; } @media (max-width: 1280px ) { .pwr-sec-tabs__tabs { margin-bottom: 60px; } .pwr-sec-tabs__wrapper { width: 90%; } } @media (max-width: 991px ) { .pwr-sec-tabs__tabs { margin-bottom: 40px; } .pwr-sec-tabs__wrapper { column-gap: 40px; width: 100%; } } @media (max-width: 767px) { .pwr-sec-tabs__wrapper { column-gap: 30px; } } /* ========================================================================== Section Team #mod-team ========================================================================== */ .pwr-team__member, .pwr-team__member .pwr-3D-box__sensor { border-radius: 24px; } .pwr-team__content { padding: 35px 0; } .pwr-team__name { line-height: 1em; } .pwr-team__img + .pwr-team__name { margin-top: 30px; } .pwr-team__img img { border-radius: 50%; } .pwr-team__job-title { color: #4218f0; line-height: 1.15em; padding: 0 30px; } .pwr-team__name + .pwr-team__job-title { margin-top: 15px; } /* ========================================================================== Section Testimonial Slider #mod-ts ========================================================================== */ .pwr-sec-testimonials__slider .owl-stage { display: flex; align-items: center; } .pwr-testimonial__content { row-gap: 32px; } .pwr-testimonial__author { line-height: 1.4; } @media (max-width: 767px) { .pwr-sec-testimonials__slider .owl-stage { align-items: start; } .pwr-testimonial__content { row-gap: 24px; } } /* ========================================================================== 10. MISCELLANOUS #misc General custom styles & extra adjustments. ========================================================================== */ /* Modals & Pop Ups */ #hubspot-messages-iframe-container { z-index: 99999999 !important; } .leadinModal .leadinModal-content { max-height: none !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-preview-wrapper { display: flex !important; align-items: center; flex-direction: row; justify-content: center; } .leadinModal.leadinModal-v3 .leadin-preview-wrapper { display: flex !important; flex-direction: column; } .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 38px 30px 28px !important; width: 100%; } .leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image { width: 100% !important; margin-right: 0 !important; } .leadinModal .dyno-image img { max-width: 100% !important; } .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ul, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ul, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form .leadin-form-wrapper { margin-left: 0 !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper { padding: 20px 0 !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button, .leadinModal.leadinModal-v3 .leadin-button { border: 0; border-radius: 6px; display: inline-block; font-family: Inter, sans-serif; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .5px; line-height: 1.6em; opacity: 1 !important; overflow: hidden; padding: 15px 21px !important; position: relative; text-transform: uppercase; transition: all .4s ease-in-out; z-index: 0; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button:before, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:before, .leadinModal.leadinModal-v3 .leadin-button:before, .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button:after, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:after, .leadinModal.leadinModal-v3 .leadin-button:after { bottom: 0; display: block; content: ''; left: 0; position: absolute; transition: all .4s ease-in-out; width: 100%; z-index: -1; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button:before, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:before, .leadinModal.leadinModal-v3 .leadin-button:before { background-color: #4218F0; top: 0; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button:after, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:after, .leadinModal.leadinModal-v3 .leadin-button:after { height: 0; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button:hover:after, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:hover:after, .leadinModal.leadinModal-v3 .leadin-button:hover:after { background-color: #000; height: 100%; } @media (max-width: 1280px) { .leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper { padding: 20px 40px !important; } } @media only screen and (max-width: 768px) { .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview h4 { margin-bottom: 20px !important; text-align: center !important; } .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 20px 10px 10px !important; } .leadinModal .dyno-image img { max-height: unset !important; } } @media only screen and (max-width: 576px) { .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 15px 10px 10px !important; } } /* Live Demo Modal */ #leadinModal-4892105 .leadinModal-content, #leadinModal-4892838 .leadinModal-content { background-image: url(https://www.blitzrocks.com/hubfs/WEBSITE/2022/GENERAL/POP%20UPS/Blitz-PopUps__LiveDemo.webp); background-position: center; background-repeat: no-repeat; background-size: cover; width: 560px; } #leadinModal-4892105 .leadin-content-body, #leadinModal-4892838 .leadin-content-body { height: 410px; display: flex; align-items: center; } #leadinModal-4892105.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, #leadinModal-4892105.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper, #leadinModal-4892838.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, #leadinModal-4892838.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 50px 30px 40px !important; } #leadinModal-4892105.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, #leadinModal-4892838.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 { color: #2d388c; font-size: 28px; font-weight: bold; line-height: 1.3; margin-bottom: 10px; max-width: 200px; width: 40%; } #leadinModal-4892105 span.leadinModal-description-4892105, #leadinModal-4892838 span.leadinModal-description-4892838 { max-width: 210px; width: 43%; } #leadinModal-4892105.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p, #leadinModal-4892838.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p { color: #000000; font-size: 16px; } #leadinModal-4892105.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p:first-child, #leadinModal-4892838.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p:first-child { margin-bottom: 1px; } #leadinModal-4892105.leadinModal.leadinModal-v3 .leadin-button, #leadinModal-4892838.leadinModal.leadinModal-v3 .leadin-button { margin-top: 25px; width: auto; } /* Cookie Notice */ div#hs-eu-cookie-confirmation { align-items: center; background: transparent !important; border: 0 !important; box-shadow: unset !important; display: flex; font-family: 'Inter', sans-serif !important; justify-content: center; padding: 0 40px 40px !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner { -webkit-backdrop-filter: saturate(160%) blur(10px); backdrop-filter: saturate(160%) blur(10px); background: hsla(0,0%,100%,.8) !important; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 29px 0px; overflow: hidden; margin: 0 !important; max-width: 864px !important; padding: 30px 40px !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area { margin: 0 !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: #000000 !important; margin: 0 0 12px !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: #4218f0 !important; border-radius: 6px; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.5px; line-height: 1.6em !important; overflow: hidden; padding: 15px 21px !important; position: relative; transition: all .4s ease-in-out; text-transform: uppercase; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: #4218f0 !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: #4218f0 !important; } div#hs-eu-cookie-confirmation { -webkit-transform: translateZ(120px); transform: translateZ(120px); } /* Background Colors */ .blitz-bg--black, .pwr-rich-text ul.pwr-list__blitz-bg--black li:before { background-color: #000; } .blitz-bg--fuchsia, .pwr-rich-text ul.pwr-list__blitz-bg--fuchsia li:before { background-color: #6300AD; } .blitz-bg--green, .pwr-rich-text ul.pwr-list__blitz-bg--green li:before { background-color: #3AA7A1; } .blitz-bg--blue, .pwr-rich-text ul.pwr-list__blitz-bg--blue li:before { background-color: #4218F0; } .blitz-bg--purple, .pwr-rich-text ul.pwr-list__blitz-bg--purple li:before { background-color: #172696; } .blitz-bg--white, .pwr-rich-text ul.pwr-list__blitz-bg--white li:before { background-color: #FFF; } /* Border Colors */ .blitz-border--black, .pwr-rich-text ul.pwr-list__blitz-border--black li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--black li:after { border-color: #000; } .blitz-border--fuchsia, .pwr-rich-text ul.pwr-list__blitz-border--fuchsia li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--fuchsia li:after { border-color: #6300AD; } .blitz-border--green, .pwr-rich-text ul.pwr-list__blitz-border--green li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--green li:after { border-color: #3AA7A1; } .blitz-border--blue, .pwr-rich-text ul.pwr-list__blitz-border--blue li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--blue li:after { border-color: #4218f0; } .blitz-border--purple, .pwr-rich-text ul.pwr-list__blitz-border--purple li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--purple li:after { border-color: #172696; } .blitz-border--white, .pwr-rich-text ul.pwr-list__blitz-border--white li:before, .pwr-rich-text ul.pwr-list__blitz-bullet--white li:after { border-color: #FFF; } /* Text Colors */ .blitz-txt--black{ color: #000; } .blitz-txt--fuchsia { color: #6300AD; } .blitz-txt--green { color: #3AA7A1; } .blitz-txt--blue { color: #4218f0; } .blitz-txt--purple { color: #172696; } .blitz-txt--white { color: #FFF; } /* Slider */ .pwr-owl .owl-dots { margin-top: 55px; text-align: center; -webkit-tap-highlight-color: transparent; } .pwr-owl .owl-dots .owl-dot { display: inline-block; zoom: 1; display: inline; } .pwr-owl .owl-dots .owl-dot span { background-color: #000000; border-radius: 2px; -webkit-backface-visibility: visible; display: block; height: 3px; margin: 0 5px; opacity: .4; transition: opacity 200ms ease; width: 35px; } .pwr-owl .owl-dots .owl-dot.active span, .pwr-owl .owl-dots .owl-dot:hover span { background-color: #4218f0 !important; opacity: 1; } .pwr-owl .owl-dots .owl-dot:focus { outline: 0; } .pwr-owl-nav { color: #000000; fill: currentColor; font-size: 25px; } .pwr-owl-nav__prev, .pwr-owl-nav__next { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .pwr-owl-nav__prev { left: -30px; } .pwr-owl-nav__next { right: -30px; } .pwr--dark .pwr-owl-nav { color: #FFFFFF; } .pwr--dark .pwr-owl .owl-dots .owl-dot span { background: #4218f0; } @media (max-width: 1280px) { .pwr-owl-nav__prev { left: 7px; } .pwr-owl-nav__next { right: 7px; } } @media (min-width: 992px) { .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 40px; } .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots .owl-dot span { opacity: 1; } } @media (max-width: 991px) { .pwr-owl .owl-dots { margin-top: 45px; } } @media (max-width: 767px) { .pwr-owl .owl-dots { margin-top: 35px; } .pwr-owl-nav__prev { left: 0; } .pwr-owl-nav__next { right: 0; } } /* ========================================================================== 11. THIRD PARTY #third ========================================================================== */ /* ========================================================================== TocBot - changes made... #third-toc ========================================================================== */ .toc { overflow-y: auto; } .toc>.toc-list { overflow: hidden; position: relative } .toc>.toc-list li { list-style: none } .toc-list { margin: 0; padding-left: 10px } a.toc-link { color: currentColor; height: 100% } .is-collapsible { max-height: 1000px; overflow: hidden; transition: all 300ms ease-in-out } .is-collapsed { max-height: 0 } .is-position-fixed { position: fixed !important; top: 0 } .is-active-link { font-weight: 700 } .toc-link::after { background-color: #F9F9FA; content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px } .is-active-link::before { background-color: #4218f0; } /* ========================================================================== Owl Carousel #third-owl ========================================================================== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ========================================================================== Youtube Player-jquery.mb.YTPlayer #third-yt ========================================================================== */ @font-face { font-family: ytpregular; src: url(font/ytp-regular.eot) } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'), url(font/ytp-regular.ttf)format('truetype'); font-weight: 400; font-style: normal } .mb_YTPlayer:focus { outline: 0 } .YTPWrapper { display: block; transform: translateZ(0)translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate } @-webkit-keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000 !important; padding: 0 !important } .inlinePlayButton { font-family: ytpregular; font-size: 45px; color: #fff; text-align: center; border-radius: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; width: 80px; height: 80px; line-height: 80px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; opacity: .8; transition: all .4s; transform: scale(1.3) } .mb_YTPlayer:hover .inlinePlayButton { opacity: 1; transform: scale(1) } .inlinePlayButton:hover { background-color: rgba(0, 0, 0, 1); transform: scale(1.3) !important } .mbYTP_wrapper iframe { max-width: 8000px !important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5) } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100% } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: #fff; opacity: .1 } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, .4) } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar span.mb_YTPUrl a { color: #fff } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlayPause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img { cursor: pointer } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0 } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, .47)1px 1px 3px } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box } .YTPOverlay.raster { background: url(images/raster.png) } .YTPOverlay.raster.retina { background: url(images/raster@2x.png) } .YTPOverlay.raster-dot { background: url(images/raster_dot.png) } .YTPOverlay.raster-dot.retina { background: url(images/raster_dot@2x.png) } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px } .mb_YTPBar.compact .simpleSlider { width: 40px } .mb_YTPBar.compact span.mb_OnlyYT { left: 260px } .mb_YTPBar .simpleSlider.muted { opacity: .3 } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box } .mb_YTPBar .level.horizontal { height: 100%; width: 0 } .mb_YTPBar .level.vertical { height: auto; width: 100% } /* ========================================================================== Featherlight - Lightbox #third-fl ========================================================================== */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(23, 27, 37,.9); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ /* overflow: auto;*/ /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #FFFFFF; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #FFFFFF; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0) } .featherlight-previous { left: 25px; right: 80% } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, .25) } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px #FFFFFF; color: #FFFFFF; font-style: normal; font-weight: 400 } .featherlight-next span { right: 5%; left: auto } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block } .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none } @media only screen and (max-device-width:1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: 0 0 } .featherlight-next span, .featherlight-previous span { display: block } } @media only screen and (max-width:1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85% } .featherlight-previous { left: 10px; right: 85% } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px } } /* Featherlight overwrites & extension */ .featherlight, .featherlight:last-of-type { background-color: rgba(0,0,0,.8); } .featherlight .featherlight-close-icon { background-color: transparent; color: #FFFFFF; font-size: 26px; font-weight: bold; line-height: 26px; right: -40px; width: 23px; } .featherlight .featherlight-content { background-color: transparent; margin-left: 60px; margin-right: 60px; max-height: 100%; padding: 0 !important; border-bottom: 0 !important; } .featherlight-next { width: 60px; right: -60px; left: auto; top: 0; } .featherlight-previous { width: 60px; left: -60px; right: auto; top: 0; } .featherlight-next:hover, .featherlight-previous:hover { background: transparent; } .featherlight-next:after, .featherlight-previous:after { background: transparent; bottom: auto; content: ''; display: block; height: 25px; left: auto; position: absolute; right: auto; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 25px; } .featherlight-next:after { border-right: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; left: 10px; } .featherlight-previous:after { border-bottom: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; right: 10px; } .featherlight-next span, .featherlight-previous span { display: none !important; } .pwr-featherlight-info { background-color: rgba(0,0,0,.5); bottom: 0; color: #FFFFFF; max-height: 33%; overflow-y: scroll; padding: 30px 40px; position: absolute; width: 100%; } .pwr-featherlight-info__title { margin: 0 0 5px; } .pwr-featherlight-info__desc { display: inline-block; } @media only screen and (max-width: 991px) { .pwr-featherlight-info { max-height: 150px; } .featherlight .featherlight-content { margin-left: 10px; margin-right: 10px; } .featherlight-next { right: 0; } .featherlight-previous { left: 0; } .featherlight .featherlight-close-icon { right: 0; top: -30px; } } @media (max-width: 479px) { .pwr-featherlight-info { background-color: rgba(0,0,0,.8); bottom: auto; color: inherit; margin: 0; padding: 20px; top: 100%; } }