/*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* 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 pixels * Relates to 'padding top' and 'padding bottom' setting in modules */ /* Responsive Breakpoints (Pixxels) */ /* 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 */ /* ========================================================================== 3. TYPOGRAPHY #typo ========================================================================== */ /* ========================================================================== Font Families #typo-fam ========================================================================== */ /* Google Fonts via @import */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&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 */ /* Colors */ /* ========================================================================== 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 ========================================================================== */ /* Typography */ /* ========================================================================== 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 - Tables #elem-table - 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 - Featured Post #blog-fp - Listing #blog-l - Listing Filter #blog-lf - Post #blog-po - Post Header #blog-ph - Author #blog-a - Pagination #blog-pag - Commments #blog-c 9. MODULES #mod - System - Email Backup Unsubscribe #mod-ebu - System - Email Subscription Preferences #mod-esp - System - Email Subscriptions Update Confirmation #mod-suc - System - Password Prompt #mod-pp - System - Search Results #mod-ss - Standalone - Modal #mod-mod - Standalone - Previous Next Navigation #mod-pnn - Standalone - Text with TOC / Pillar Page TOC #mod-toc - Section Accordion #mod-a - Section Accordion/Text Tabs #mod-tabs - Section Benefits #mod-ben - Section Boxes #mod-box - Section Comparison Table #mod-ct - Section CTA #mod-cta - Section Device Mockup #mod-dm - Section Disclaimer #mod-disc - Section Form #mod-frm - Section Icon Slider #mod-icons - Section Image Boxes #mod-ib - Section Image Slider #mod-is - Section Logo Slider #mod-ls - Section Members Slider #mod-ms - Section Mockup Slider #mod-mos - Section News #mod-news - Section Out of Bounds #mod-oob - Section Pricing Table #mod-pt - Section Process #mod-proc - Section Services #mod-svs - Section Stats #mod-stat - Section Testimonial #mod-tes - Section Testimonial Slider #mod-ts - Section Values #mod-val - Section Video #mod-vid 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: 38pxpx; margin: 0 0 40px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 { font-size: 28pxpx; 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: 32pxpx; 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: 12px; } /* Google Search and Password Input */ .hs-search-module label { font-size: 14px; } #hs-pwd-widget-password { height: auto !important; } .hs-search-module .hs-input, .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password { background-color: rgba(23, 27, 37,.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: ; color: #FFFFFF } /* Headers */ .hs_cos_wrapper_type_section_header .section-header h1 { font-size: 52pxpx; } .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: 32pxpx; } /* 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='%23171B25' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .hs_cos_wrapper_type_gallery .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23171B25' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_gallery_lightbox .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .hs_cos_gallery_lightbox .caption.below { color: #FFFFFF; } .hs_cos_wrapper_type_gallery .slick-dots { line-height: 3px; } .hs_cos_wrapper_type_gallery .slick-dots li { height: auto; width: auto; } .hs_cos_wrapper_type_gallery .slick-dots li button:before { display: none !important; } .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #171B25; height: 3px; opacity: .4; padding: 0; transition: opacity 200ms ease; width: 35px; } .hs_cos_wrapper_type_gallery .slick-dots li.slick-active button { background-color: #2254FE !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: #171B25; padding: 10px 15px 7px; } .hs-search-field__suggestions a, .hs-search-field__suggestions #results-for { display: block; } .hs-search-field__suggestions a:hover { background-color: rgba(23, 27, 37, .1); } .pwr--dark .hs-search-field__suggestions li a { color: #FFFFFF; } .pwr--dark .hs-search-field__suggestions a:hover { background-color: rgba(255, 255, 255, .075); } /* 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 { display: inline; } .d-inline-block { display: inline-block; } .d-none { display: none; } @media (max-width: 1280px) { .d-lg-block { display: block; } .d-lg-flex { display: flex; } .d-lg-inline { display: inline; } .d-lg-inline-block { display: inline-block; } .d-lg-none { display: none; } } @media (max-width: 991px) { .d-md-block { display: block; } .d-md-flex { display: flex; } .d-md-inline { display: inline; } .d-md-inline-block { display: inline-block; } .d-md-none { display: none; } } @media (max-width: 767px) { .d-sm-block { display: block; } .d-sm-flex { display: flex; } .d-sm-inline { display: inline; } .d-sm-inline-block { display: inline-block; } .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; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } @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; } .flex-lg-nowrap { flex-wrap: nowrap; } .flex-lg-wrap { flex-wrap: wrap; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse; } } @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; } .flex-md-nowrap { flex-wrap: nowrap; } .flex-md-wrap { flex-wrap: wrap; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse; } } @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; } .flex-sm-nowrap { flex-wrap: nowrap; } .flex-sm-wrap { flex-wrap: wrap; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse; } } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 60px; } .mt-2 { margin-top: 80px; } .mt-3 { margin-top: 100px; } .mt-4 { margin-top: 150px; } .mt-5 { margin-top: 180px; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 60px; } .mb-2 { margin-bottom: 80px; } .mb-3 { margin-bottom: 100px; } .mb-4 { margin-bottom: 150px; } .mb-5 { margin-bottom: 180px; } @media (max-width: 1280px) { .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 60px; } .mt-lg-2 { margin-top: 80px; } .mt-lg-3 { margin-top: 100px; } .mt-lg-4 { margin-top: 150px; } .mt-lg-5 { margin-top: 180px; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 60px; } .mb-lg-2 { margin-bottom: 80px; } .mb-lg-3 { margin-bottom: 100px; } .mb-lg-4 { margin-bottom: 150px; } .mb-lg-5 { margin-bottom: 180px; } } @media (max-width: 991px) { .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 45px; } .mt-md-2 { margin-top: 60px; } .mt-md-3 { margin-top: 75px; } .mt-md-4 { margin-top: 113px; } .mt-md-5 { margin-top: 135px; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 45px; } .mb-md-2 { margin-bottom: 60px; } .mb-md-3 { margin-bottom: 75px; } .mb-md-4 { margin-bottom: 113px; } .mb-md-5 { margin-bottom: 135px; } } @media (max-width: 767px) { .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 45px; } .mt-sm-2 { margin-top: 60px; } .mt-sm-3 { margin-top: 75px; } .mt-sm-4 { margin-top: 113px; } .mt-sm-5 { margin-top: 135px; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 45px; } .mb-sm-2 { margin-bottom: 60px; } .mb-sm-3 { margin-bottom: 75px; } .mb-sm-4 { margin-bottom: 113px; } .mb-sm-5 { margin-bottom: 135px; } } .pt-0 { padding-top: 0; } .pt-1 { padding-top: 60px; } .pt-2 { padding-top: 80px; } .pt-3 { padding-top: 100px; } .pt-4 { padding-top: 150px; } .pt-5 { padding-top: 180px; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 60px; } .pb-2 { padding-bottom: 80px; } .pb-3 { padding-bottom: 100px; } .pb-4 { padding-bottom: 150px; } .pb-5 { padding-bottom: 180px; } @media (max-width: 1280px) { .pt-lg-0 { padding-top: 0; } .pt-lg-1 { padding-top: 60px; } .pt-lg-2 { padding-top: 80px; } .pt-lg-3 { padding-top: 100px; } .pt-lg-4 { padding-top: 150px; } .pt-lg-5 { padding-top: 180px; } .pb-lg-0 { padding-bottom: 0; } .pb-lg-1 { padding-bottom: 60px; } .pb-lg-2 { padding-bottom: 80px; } .pb-lg-3 { padding-bottom: 100px; } .pb-lg-4 { padding-bottom: 150px; } .pb-lg-5 { padding-bottom: 180px; } } @media (max-width: 991px) { .pt-md-0 { padding-top: 0; } .pt-md-1 { padding-top: 45px; } .pt-md-2 { padding-top: 60px; } .pt-md-3 { padding-top: 75px; } .pt-md-4 { padding-top: 113px; } .pt-md-5 { padding-top: 135px; } .pb-md-0 { padding-bottom: 0; } .pb-md-1 { padding-bottom: 45px; } .pb-md-2 { padding-bottom: 60px; } .pb-md-3 { padding-bottom: 75px; } .pb-md-4 { padding-bottom: 113px; } .pb-md-5 { padding-bottom: 135px; } } @media (max-width: 767px) { .pt-sm-0 { padding-top: 0; } .pt-sm-1 { padding-top: 45px; } .pt-sm-2 { padding-top: 60px; } .pt-sm-3 { padding-top: 75px; } .pt-sm-4 { padding-top: 113px; } .pt-sm-5 { padding-top: 135px; } .pb-sm-0 { padding-bottom: 0; } .pb-sm-1 { padding-bottom: 45px; } .pb-sm-2 { padding-bottom: 60px; } .pb-sm-3 { padding-bottom: 75px; } .pb-sm-4 { padding-bottom: 113px; } .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: #2254FE; border-radius: 4px; border-width: 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.6em; 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: #171B25; color: #FFFFFF; } body .pwr--dark form > input[type="submit"]:hover, body .pwr--dark form > input[type="button"]:hover, body .pwr--dark #email-prefs-form .hs-button:hover, body .pwr--dark .hs-search-module .hs-button:hover { background-color: #FFFFFF; color: #171B25; } .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 { border: 0; border-radius: 4px; display: inline-block; font-family: Poppins, 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):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: #2254FE; } .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: #171B25; } .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: #171B25; } .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: #E2E735; } .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: #171B25; } .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: #171B25; } .pwr--dark .cta_button.pwr-cta--secondary-solid:hover { color: #171B25 !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 { 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 { color: #171B25; } .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: #171B25; } .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: #171B25; } .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: #171B25; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link { background-color: transparent; box-shadow: none; margin-right: 20px; overflow: visible; padding: 0; } .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: 40%; 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: 40%; right: -20px; width: 10px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); } .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; } @media (max-width: 991px) { .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button:not(.pwr-cta--hubspot-style) { font-size: 13px; } } .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: #2254FE; } .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: #2254FE; } .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: #2254FE; } .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: #E2E735; } .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: #E2E735; } .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: #E2E735; } .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: #171B25; } .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: #171B25; } .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: #171B25; } /* ========================================================================== Forms #elem-form ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 40px; text-align: left; } /* Labels */ body .hs-form-field > label { color: #171B25; font-family: Poppins, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 2em; 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: #171B25; } body .hs-form-field > label .hs-form-required { padding-left: 10px; } /* Descriptions / Help-Text */ body .hs-field-desc { font-size: 14px; font-weight: 300; padding: 5px 0; } /* General Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { background-color: transparent; border-color: #171B25; border-radius: 0; border-width: 0 0 2px; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #171B25; display: inline-block; font-family: Quicksand, sans-serif; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0; line-height: 1.15em; padding: 10px 0 10px; text-transform: none; 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: rgba(255, 255, 255,.6); 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: #2254FE; 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: #171B25; color: #171B25; } body .pwr-form.pwr--dark input[type="text"], body .pwr-form.pwr--dark input[type="password"], body .pwr-form.pwr--dark input[type="datetime"], body .pwr-form.pwr--dark input[type="datetime-local"], body .pwr-form.pwr--dark input[type="date"], body .pwr-form.pwr--dark input[type="month"], body .pwr-form.pwr--dark input[type="time"], body .pwr-form.pwr--dark input[type="week"], body .pwr-form.pwr--dark input[type="number"], body .pwr-form.pwr--dark input[type="email"], body .pwr-form.pwr--dark input[type="url"], body .pwr-form.pwr--dark input[type="search"], body .pwr-form.pwr--dark input[type="tel"], body .pwr-form.pwr--dark input[type="color"], body .pwr-form.pwr--dark input[type="file"], body .pwr-form.pwr--dark textarea, body .pwr-form.pwr--dark select { border-color: rgba(255, 255, 255,.6); color: #FFFFFF; } body .pwr-form.pwr--light input[type="text"]:focus, body .pwr-form.pwr--light input[type="password"]:focus, body .pwr-form.pwr--light input[type="datetime"]:focus, body .pwr-form.pwr--light input[type="datetime-local"]:focus, body .pwr-form.pwr--light input[type="date"]:focus, body .pwr-form.pwr--light input[type="month"]:focus, body .pwr-form.pwr--light input[type="time"]:focus, body .pwr-form.pwr--light input[type="week"]:focus, body .pwr-form.pwr--light input[type="number"]:focus, body .pwr-form.pwr--light input[type="email"]:focus, body .pwr-form.pwr--light input[type="url"]:focus, body .pwr-form.pwr--light input[type="search"]:focus, body .pwr-form.pwr--light input[type="tel"]:focus, body .pwr-form.pwr--light input[type="color"]:focus, body .pwr-form.pwr--light input[type="file"]:focus, body .pwr-form.pwr--light textarea:focus, body .pwr-form.pwr--light select:focus { border-color: #2254FE; 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='%23171B25' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); content: ''; position: absolute; width: 15px; height: 15px; 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='%23171B25' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .hs-dateinput > .hs-input { padding-left: 25px !important; } .hs-dateinput .fn-date-picker .is-today .pika-button { color: #2254FE; } .hs-dateinput .fn-date-picker .is-selected .pika-button { background: #2254FE; } .hs-dateinput .fn-date-picker .pika-button:hover { background: #171B25 !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='%23171B25'/%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%232254FE%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='%23171B25'/%3E%3C/svg%3E"); } body .pwr--dark select, body .pwr-form.pwr--dark select { background-image: 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 { 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(23, 27, 37, .66); } .pwr--dark ::placeholder { color: rgba(255, 255, 255, .66); } /* reCAPTCHAS */ .hs-recaptcha { display: none; 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: Quicksand, sans-serif; font-size: 14px; font-weight: 500; line-height: 2em; list-style: none; margin: 4px 0 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: Quicksand, sans-serif; font-size: 8px; font-weight: 500; line-height: 1.8em; margin: 0; } /* Cookie Reset Message */ .cookie-reset-container { margin-bottom: 20px !important; } .cookie-reset-container a, .cookie-reset-container a:hover { color: #171B25; } .pwr--dark .cookie-reset-container a, .pwr--dark .cookie-reset-container a:hover { color: #FFFFFF; } .pwr-form.pwr--light .cookie-reset-container a, .pwr-form.pwr--light .cookie-reset-container a:hover { color: #171B25; } .pwr-footer-subscribe__form .cookie-reset-container, .pwr-sidebar-widget-form .cookie-reset-container { bottom: -13px; font-size: 11px; font-weight: 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(23, 27, 37,.05) !important; border-radius: 4px; 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: #2254FE; 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: !important; } .pwr-form.pwr--light [type="checkbox"] + span:before { background-color: rgba(23, 27, 37,.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(23, 27, 37,.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: #2254FE; 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: !important; } .pwr-form.pwr--light [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after { background-color: rgba(23, 27, 37,.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, .pwr-icon { fill: currentColor; } .hs_cos_wrapper_type_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: 4px; 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: #171B25; } .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: #171B25; display: block; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 700; margin: 0 15px; letter-spacing: 0; line-height: 1.1em; 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: #171B25; content: ""; display: block; height: 7px; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); transition: transform .15s ease-in-out; width: 7px; } .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: #2254FE; } .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; } } /* ========================================================================== Tables #elem-table ========================================================================== */ .pwr-rich-text table { border: 0 !important; } .pwr--light .pwr-rich-text table th, .pwr--light .pwr-rich-text table td { background-color: #F4f6Fa; border-bottom: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF; color: #171B25; } .pwr--dark .pwr-rich-text table th, .pwr--dark .pwr-rich-text table td { background-color: #282B34; border-bottom: 4px solid #171B25; border-right: 4px solid #171B25; color: #FFFFFF; } .pwr-rich-text table th, .pwr-rich-text table td { padding: 15px 20px; } .pwr-rich-text table thead th:last-child, .pwr-rich-text table tbody tr td:last-child { border-right: 0; } .pwr-rich-text table thead th:first-child { border-top-left-radius: 10px; } .pwr-rich-text table thead th:last-child { border-top-right-radius: 10px; } .pwr-rich-text table th { font-family: Poppins, sans-serif; } .pwr-rich-text table td > *:first-child { margin-top: 0; } .pwr-rich-text table td > *:last-child { margin-bottom: 0; } .pwr-rich-text table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; } .pwr-rich-text table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; } /* ========================================================================== Typography #elem-typo ========================================================================== */ /* Fonts */ .font-family-base { font-family: Quicksand, sans-serif; } .font-family-accent { font-family: Poppins, sans-serif; } html, body { font-weight: 500; 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: ; color: #171B25; font-family: Quicksand, sans-serif; font-size: 16px; line-height: 2em; } /* Highlighted Text */ ::-moz-selection { background: #171B25; color: #FFFFFF; text-shadow: none; } ::selection { background: #171B25; color: #FFFFFF; text-shadow: none; } .pwr--dark::-moz-selection { background: #2254FE; color: #FFFFFF; } .pwr--dark::selection { background: #2254FE; color: #FFFFFF; } .pwr-form.pwr--light::-moz-selection { background: #FFFFFF; color: #171B25; } .pwr-form.pwr--light::selection { background: #FFFFFF; color: #171B25; } :focus { outline: none; } mark { background-color: transparent; background-image: linear-gradient(90deg, #2254FE, #2254FE); background-position: 0 85%; background-repeat: no-repeat; background-size: 100% 35%; color: #171B25; padding: 0; } mark.pwr--secondary { background-image: linear-gradient(90deg, #E2E735, #E2E735); } mark.pwr--tertiary { background-image: linear-gradient(90deg, #753FCE, #753FCE); } .pwr--dark mark { color: #FFFFFF; } /* Multiline Highlight */ .pwr-multiline-highlight { background-color: #2254FE; -webkit-box-decoration-break: clone; display: inline; padding: 1px 5px; } .pwr-multiline-highlight.pwr--secondary { background-color: #E2E735; } .pwr-multiline-highlight.pwr--tertiary { background-color: #753FCE; } /* Links */ a { color: #2254FE; text-decoration: none; transition: color .4s ease-in-out, opacity .4s ease-in-out; } a:hover { color: #171B25; } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button), .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr--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: #2254FE; } .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: ; border: 1px solid #171B25; min-width: 300px; overflow-x: auto; padding: 20px; } table pre { white-space: pre-wrap; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings and Paragraphs */ p, .body-base { font-size: 16px; line-height: 2em; } .body-xsmall { font-size: 12px; line-height: 2em; } .body-small { font-size: 14px; line-height: 1.78em; } .body-large { font-size: 19px; line-height: 1.58em; } .body-xlarge { font-size: 22px; line-height: 1.59em; } h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; font-weight: unset; margin: 0; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: 0; } h1 { letter-spacing: 0; line-height: 1.18em; text-transform: none; } h1, .h1 { font-size: 72px; } h2 { letter-spacing: 0; line-height: 1.19em; text-transform: none; } h2, .h2 { font-size: 52px; } h3 { letter-spacing: 0; line-height: 1.58em; text-transform: none; } h3, .h3 { font-size: 38px; } h4 { letter-spacing: 0; line-height: 1.4em; text-transform: none; } h4, .h4 { font-size: 32px; } h5 { letter-spacing: 0; line-height: 1.4em; text-transform: none; } h5, .h5 { font-size: 28px; } h6 { letter-spacing: 0; line-height: 1.6em; text-transform: none; } h6, .h6 { font-size: 24px; } @media (max-width: 1280px) { .body-lg-base { font-size: 16px; } .body-lg-xsmall { font-size: 12px; } .body-lg-small { font-size: 14px; } .body-lg-large { font-size: 19px; } .body-lg-xlarge { font-size: 22px; } .h1-lg { font-size: 72px; } .h2-lg { font-size: 52px; } .h3-lg { font-size: 38px; } .h4-lg { font-size: 32px; } .h5-lg { font-size: 28px; } .h6-lg { font-size: 24px; } } @media (max-width: 991px) { .body-md-base { font-size: 16px; } .body-md-xsmall { font-size: 12px; } .body-md-small { font-size: 14px; } .body-md-large { font-size: 19px; } .body-md-xlarge { font-size: 22px; } .h1-md { font-size: 72px; } h1, .h2-md { font-size: 52px; } h2, .h3-md { font-size: 38px; } h3, .h4-md { font-size: 32px; } h4, .h5-md { font-size: 28px; } h5, .h6-md { font-size: 24px; } h6 { font-size: 22px; } } @media (max-width: 767px) { .body-sm-base { font-size: 16px; } .body-sm-xsmall { font-size: 12px; } .body-sm-small { font-size: 14px; } .body-sm-large { font-size: 19px; } .body-sm-xlarge { font-size: 22px; } .h1-sm { font-size: 72px; } .h2-sm { font-size: 52px; } h1, .h3-sm { font-size: 38px; } h2, .h4-sm { font-size: 32px; } h3, .h5-sm { font-size: 28px; } h4, .h6-sm { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 19px; } } /* 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: #2254FE; content: counters(item, ".") "."; counter-increment: item; font-family: Poppins, sans-serif; left: -25px; position: absolute; top: 1px; } 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: 36px; padding-inline-start: 36px; 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: #2254FE; border-radius: 50%; content: ""; height: 24px; left: -36px; position: absolute; top: 4px; width: 24px; } .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 #FFFFFF; border-right: 2px solid #FFFFFF; content: ""; height: 13px; left: -27px; position: absolute; top: 8px; transform: rotate(45deg); width: 6px; } .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 #2254FE; font-style: italic; font-weight: 500; margin-left: 0; padding-left: 40px; } @media (max-width: 767px) { blockquote { margin-right: 24px; 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 32px; } } @media (max-width: 767px) { .container-fluid .row-fluid .page-center { padding: 0 20px; } } /* 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 { line-height: 2em; max-width: 100%; } .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: 19px; margin-bottom: 22px; line-height: 1.6em; } .pwr-sec__title-intro { color: #171B25; } .pwr--dark .pwr-sec__title-intro { color: #FFFFFF; } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: #171B25; } .pwr--dark .pwr-sec__title { color: #FFFFFF; } .pwr-sec__desc { display: inline-block; font-size: 16px; } .pwr-sec__title + .pwr-sec__desc { margin-top: 20px; } @media (max-width: 991px) { .pwr-sec__title-intro { font-size: 16px; margin-bottom: 19px; } .pwr-sec__desc { font-size: 16px; } .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-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-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; } /* 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 { border-radius: 10px; 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); } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .pwr-3D-box [class*=__back].pwr-3D-box__info-box { transform: translateZ(-1px); } .pwr-3D-box:hover [class*=__back].pwr-3D-box__info-box { transform: translateZ(25px); } } /* Social Icons */ .pwr-social-icon { display: inline-block; fill: currentColor; } .pwr-social-icon { color: #C4C8D3; } .pwr-social-icon:hover { color: #2254FE; } .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: 4px; 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(23, 27, 37, .85); color: #FFFFFF; } .pwr-touch-btn-container:hover .pwr-touch-btn { opacity: 0; } .pwr-touch-btn__icon { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23171B25;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.7,2.1c6.4,0,11.5,5.2,11.5,11.5S20,25.2,13.7,25.2S2.1,20,2.1,13.6S7.3,2.1,13.7,2.1 M13.7,0.1 C6.2,0.1,0.1,6.1,0.1,13.6c0,7.5,6.1,13.5,13.5,13.5c7.5,0,13.5-6.1,13.5-13.5C27.2,6.1,21.1,0.1,13.7,0.1L13.7,0.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.7,9.1c2.5,0,4.5,2,4.5,4.5s-2,4.5-4.5,4.5s-4.5-2-4.5-4.5S11.2,9.1,13.7,9.1 M13.7,7.1 c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5S17.2,7.1,13.7,7.1L13.7,7.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); content: ''; display: 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: #171B25; color: #FFFFFF; } .pwr--light { background-color: #FFFFFF; color: #171B25; } .pwr--colored-box { background-color: ; color: #171B25; overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: ; color: #FFFFFF; } body .pwr--colored-box.pwr--light { background-color: ; color: #171B25; } body .pwr--colored-box.pwr--dark { background-color: ; 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(23, 27, 37, .1); font-size: 12px; font-family: Quicksand, sans-serif; font-weight: 700; padding: 15px 0; position: relative; z-index: 100; } .pwr-header-top.pwr--dark { background-color: #171B25; border-color: rgba(255, 255, 255, .1); } .pwr-header-top--transparent { background-color: transparent !important; position: absolute; left: 0; right: 0; top: 0; } .pwr-header-top__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: #171B25; display: inline-block; padding: 0; } .pwr-header-top__menu .hs-menu-wrapper li a, .pwr-header-top__social .pwr-social-icon svg { transition: color .2s ease-in-out, opacity .2s ease-in-out; } .pwr-header-top__menu--dark, .pwr-header-top__menu--dark .hs-menu-wrapper li a { color: #FFFFFF; } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: #171B25; content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: #FFFFFF; } @media (max-width: 767px ) { .pwr-header-top { display: none; } } /* ========================================================================== Header Main #head-m ========================================================================== */ /* General */ .pwr-header { background-color: #FFFFFF; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1.1em; 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: #171B25; color: #FFFFFF; } .pwr-header--light-on-scroll.scroll { background-color: #FFFFFF; color: #171B25; } .pwr-header--dark-on-scroll.scroll { background-color: #171B25; 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: 22%; } .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: #171B25; } .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: #171B25; } .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: 14px; } .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: #2254FE; 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(23, 27, 37, .2); bottom: 25px; content: ''; display: block; position: absolute; right: 0; top: 33px; width: 1px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(255, 255, 255, .2); } .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: #171B25; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { color: #FFFFFF; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a { background-color: #2254FE; 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--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: #171B25; 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: #171B25; } .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #171B25; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #171B25; } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: 0.66; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #171B25; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #171B25; } .pwr-dropdown { 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: #171B25; } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #171B25; } .pwr--dark .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #FFFFFF; } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-right-bar__phone:hover .pwr-dropdown, .pwr-header-right-bar__language-switcher:hover .pwr-dropdown { visibility: visible; opacity: 1; } .pwr-dropdown__title { color: #171B25; display: block; font-family: Poppins, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 3px; } .pwr-dropdown__link { color: #171B25; display: block; font-family: Quicksand, sans-serif; font-size: 12px; font-weight: 500; opacity: 0.66; transition-duration: .2s; } a.pwr-dropdown__link:hover { color: #171B25; opacity: 1; } .pwr--dark:not(.scroll) .pwr-dropdown__title, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__title, .pwr--dark:not(.scroll) .pwr-dropdown__link, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link, .pwr--dark:not(.scroll) .pwr-dropdown__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link:hover { color: #FFFFFF; } .pwr-header-right-bar__language-link { display: block; font-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: 16px; 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: #2254FE; } .pwr-header-search__close-icon::before { left: -9px; width: 20px; height: 2px; } .pwr-header-search__close-icon::after { top: -9px; width: 2px; height: 20px; } .pwr--dark .pwr-header-search, .pwr-header--dark-on-scroll.scroll .pwr-header-search { background-color: #171B25; color: #FFFFFF; } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: #FFFFFF; } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(255, 255, 255, .66); } .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: #FFFFFF; } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: #FFFFFF; color: #171B25; } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: #171B25; } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(23, 27, 37, .66); } .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: #171B25; } @media (max-width: 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: #171B25; 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: #171B25; 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: #2254FE; } .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: #2254FE; } .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: #171B25; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr--dark .pwr-burger__icon-open span, .pwr--dark .pwr-burger__icon-open:before, .pwr--dark .pwr-burger__icon-open:after, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #171B25; } .pwr-burger__icon-open:before, .pwr-burger__icon-open:after { content: ' '; } .pwr-burger__icon-open span { top: 50%; } .pwr-burger__icon-open:before { top: 1px; } .pwr-burger__icon-open:after { bottom: 0px; } .pwr-burger__trigger-close { font-size: 15px; display: block; margin: 30px 30px 0; padding-left: 30px; position: relative; text-transform: none; } .pwr-burger__trigger-close, .pwr-burger__trigger-close:hover { color: #171B25; } .pwr--dark .pwr-burger__trigger-close, .pwr--dark .pwr-burger__trigger-close:hover { color: #FFFFFF; } .pwr-burger__icon-close { left: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 10px; } .pwr-burger__trigger-close:hover .pwr-burger__icon-close { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-burger__icon-close::before, .pwr-burger__icon-close::after { background-color: #171B25; content: ""; position: absolute; transition: background .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: #171B25; } .pwr--dark .pwr-burger-bottom-bar__item-link, .pwr--dark .pwr-burger-bottom-bar__item-link:hover { color: #FFFFFF; } .pwr-burger-bottom-bar__inner { display: none; max-height: 150px; overflow-y: scroll; padding: 10px 0; } .pwr-burger-contact__inner { padding-left: 10px; } .pwr-burger-contact__title { display: inline-block; padding: 5px 0; } .pwr-burger-search__input { color: #171B25 !important; font-size: 13px; margin: 5px 0; padding-right: 30px !important; } .pwr-burger-search__input::placeholder { color: rgba(23, 27, 37, .66); } .pwr-burger-search__input::-ms-clear { display: none; } .pwr-burger-search__input + .pwr-search-field__icon { right: 8px; } .pwr-burger .pwr-search-field__icon svg { fill: currentColor !important; } .pwr-burger-language__link { padding: 5px 0 5px 10px; } .pwr-burger-contact__link, .pwr-burger-language__link { color: rgba(23, 27, 37, 0.66); } .pwr--dark .pwr-burger-contact__link, .pwr--dark .pwr-burger-language__link { color: rgba(255, 255, 255, 0.66); } .pwr-burger-social { font-size: 15px; margin-top: 30px; } .pwr-burger-social .pwr-social-icon { color: #171B25; opacity: 0.66; } .pwr-burger-social .pwr-social-icon:hover { opacity: 1; } .pwr--dark .pwr-burger-social .pwr-social-icon { color: #FFFFFF; } .pwr--dark .pwr-burger__icon-close::before, .pwr--dark .pwr-burger__icon-close::after { background-color: #FFFFFF; } .pwr--dark .pwr-burger-search__input { color: #FFFFFF !important; } .pwr--dark .pwr-burger-search__input::placeholder { color: rgba(255, 255, 255, .66); } @media (min-width: 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 / Copyright-Bar #foot-g ========================================================================== */ .pwr-footer { overflow: hidden; position: relative; } .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 .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 .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: 60px 0 50px; } @media (max-width: 991px) { .pwr-footer__content { padding: 50px 0 60px; } .pwr-footer__content .page-center { flex-wrap: wrap; row-gap: 40px; } } @media (max-width: 767px) { .pwr-footer__content { padding: 50px 0 80px; } .pwr-footer__content .page-center { row-gap: 60px; } } /* Company Info */ .pwr-footer__logo img { height: auto; max-width: 250px; } .pwr-footer__statement, .pwr-footer__social-icons { color: #171B25; } .pwr--dark .pwr-footer__statement, .pwr--dark .pwr-footer__social-icons { color: #FFFFFF; } .pwr-footer__statement, .pwr-footer__statement + .pwr-footer__social-icons { margin-top: 20px; } .pwr-footer__social-icons { column-gap: 30px; flex-wrap: wrap; font-size: 17px; row-gap: 25px; } @media (max-width: 767px) { .pwr-footer__company-info { text-align: center; } } /* Menu */ .pwr-footer__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { column-gap: 30px; 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 { background-color: #2254FE; border-radius: 0 16px 0px 0; color: #FFFFFF; display: inline-block; font-family: Poppins, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 15.4px; opacity: 1 !important; padding: 11px 17px 8px 10px; text-transform: uppercase; } .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; margin-top: 16px; min-width: unset; padding: 0; position: relative; row-gap: 16px; } .pwr-footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { background-color: transparent; color: #171B25; font-family: Quicksand, sans-serif; font-size: 14px; 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: 991px) { .pwr-footer__menu { width: 60%; } } @media (max-width: 767px) { .pwr-footer__menu { width: 100%; } .pwr-footer__menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } /* Partners */ .pwr-footer__partners { align-self: flex-start; flex: 1 0 auto; row-gap: 16px; } @media (max-width: 1280px) and (min-width: 992px) { .pwr-footer__partners { max-width: 25%; } } @media (max-width: 991px) { .pwr-footer__partners { flex: 1; width: 100%; } } /* ========================================================================== Bottom Section #foot-bot ========================================================================== */ /* Copyright Bar */ .pwr-footer-legal { background-color: #282F3E; padding: 20px 0; position: relative; } .pwr-footer-legal__content, .pwr-footer-legal__menu .hs-menu-wrapper li a { font-family: Poppins, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; line-height: 1.6em; text-transform: unset; } .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: #2254FE; border-radius: 4px; color: #FFFFFF; cursor: pointer; height: 57px; font-size: 21px; transition: background .4s ease-in-out; width: 57px; } .pwr-back-to-top:hover { background-color: #2254FE; color: #171B25; } .pwr-back-to-top__icon { fill: currentColor; } .pwr--dark .pwr-back-to-top:hover { background-color: #FFFFFF; color: #2254FE; } @media (max-width: 991px) { .pwr-footer-legal__content { row-gap: 8px; 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 .page-center { row-gap: 40px; } .pwr-footer-legal__content { row-gap: 8px; 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 ========================================================================== */ /* ========================================================================== Featured Post #blog-fp ========================================================================== */ .pwr-post-featured__wrapper { border-radius: 16px; overflow: hidden; padding-left: 40px; padding-right: 40px; } .pwr-post-featured__content { z-index: 1; } .pwr-post-featured__title { margin-top: 20px; } .pwr-post-featured__desc { margin-top: 25px; } .pwr-post-featured__cta { margin-top: 40px; } @media (max-width: 991px) { .pwr-post-featured__wrapper { padding-left: 32px; padding-right: 32px; } } @media (max-width: 767px ) { .pwr-post-featured__wrapper { border-radius: 10px; padding-left: 20px; padding-right: 20px; } } /* ========================================================================== 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: #171B25; min-height: 480px; } .pwr-post-item__wrapper { border-radius: 10px; overflow: hidden; } .pwr-post-item__overlay { 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__img { background-position: center; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 238px; transition: height 1s ease-in-out; width: 100%; } .pwr-post-item:hover .pwr-post-item__img { height: 100%; } .pwr-post-item__content { min-height: calc(100% - 238px); left: 0; padding: 35px 40px 45px; top: 238px; row-gap: 20px; } .pwr-post-item__date, .pwr-post-item__n-min-read, .pwr-post-item__author { color: #171B25; font-family: Poppins, sans-serif; font-size: 13px; line-height: 1.14em; text-transform: uppercase; } .pwr-post-item__author, .pwr-post-item__date { font-weight: 700; } .pwr-post-item__n-min-read { font-weight: 400; } .pwr-post-item__date + .pwr-post-item__n-min-read:before, .pwr-post-item__author + .pwr-post-item__date:before, .pwr-post-item__author + .pwr-post-item__n-min-read:before { content: "|"; padding: 0 8px 0 10px; } .pwr-post-item__meta + .pwr-post-item__title { margin-top: 16px; } .pwr-post-item__title { color: #171B25; font-size: 20px; font-weight: 700; line-height: 1.3em; } .pwr-post-item__desc { color: #171B25; font-size: 12px; line-height: 2em; } .pwr-post-item__desc > p { margin: 0; } .pwr-post-item__title + .pwr-post-item__desc { margin-top: 10px; } .pwr-post-item__content-bottom { line-height: 1; } .pwr-post-item__more-link { color: #2254FE; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .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__icon svg { transition: none; } .pwr-post-item__more-link:hover .pwr-post-item__icon { transform: translateX(4px); } .pwr-post-item__author, .pwr-post-item__date, .pwr-post-item__n-min-read, .pwr-post-item__title, .pwr-post-item__desc, .pwr-post-item__more-link { transition: color 1s ease-in-out; } .pwr-post-item__wrapper.pwr--dark .pwr-post-item__author, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__author, .pwr-post-item:hover .pwr-post-item__author, .pwr-post-item__wrapper.pwr--dark .pwr-post-item__date, .pwr--dark .pwr-post-item__wrapper:not(.pwr--light) .pwr-post-item__date, .pwr-post-item:hover .pwr-post-item__date, .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:hover .pwr-post-item__n-min-read, .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:hover .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:hover .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:hover .pwr-post-item__more-link { color: #FFFFFF; transition: color .4s ease-in-out; } @media (max-width: 1280px ) { .pwr-post-item__content { padding: 30px 30px 40px; } } @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 { min-height: calc(100% - 208px); top: 208px; } } @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 { column-gap: 25px; flex-wrap: wrap; } .pwr-filter__list-item { min-width: fit-content; text-transform: uppercase; } .pwr-filter__link { color: #171B25; font-family: Poppins, 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: #171B25; } .pwr-filter .pwr-filter__link:hover, .pwr-filter .pwr-filter__link.active { color: #2254FE; } @media (max-width: 991px ) { .pwr-filter__list { flex-wrap: nowrap; min-width: max-content; } } /* ========================================================================== 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: 10px; } #pwr-progress-bar { background-color: transparent; bottom: 0; border: none; color: #2254FE; 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: #2254FE; } #pwr-progress-bar::-moz-progress-bar { background: #2254FE; } /* Body Content */ .pwr-post-body__content, .pwr-post-body__content p, .pwr-post-body__content .body-base { font-size: 18px; line-height: 2em; } .pwr-post-body__content h1 { line-height: 1.19em; } .pwr-post-body__content h1, .pwr-post-body__content .h1 { font-size: 52px; } .pwr-post-body__content h2 { line-height: 1.58em; } .pwr-post-body__content h2, .pwr-post-body__content .h2 { font-size: 38px; } .pwr-post-body__content h3 { line-height: 1.4em; } .pwr-post-body__content h3, .pwr-post-body__content .h3 { font-size: 32px; } .pwr-post-body__content h4 { line-height: 1.4em; } .pwr-post-body__content h4, .pwr-post-body__content .h4 { font-size: 28px; } .pwr-post-body__content h5 { line-height: 1.6em; } .pwr-post-body__content h5, .pwr-post-body__content .h5 { font-size: 24px; } .pwr-post-body__content h6 { line-height: 1.59em; } .pwr-post-body__content h6, .pwr-post-body__content .h6 { font-size: 22px; } @media (max-width: 1280px) { .pwr-post-body__content .h1-lg { font-size: 52px; } .pwr-post-body__content .h2-lg { font-size: 38px; } .pwr-post-body__content .h3-lg { font-size: 32px; } .pwr-post-body__content .h4-lg { font-size: 28px; } .pwr-post-body__content .h5-lg { font-size: 24px; } .pwr-post-body__content .h6-lg { font-size: 22px; } } @media (max-width: 991px) { .pwr-post-body__content, .pwr-post-body__content p, .pwr-post-body__content .body-base { font-size: 16px; line-height: 2em; } .pwr-post-body__content .h1-md { font-size: 52px; } .pwr-post-body__content h1, .pwr-post-body__content .h2-md { font-size: 38px; } .pwr-post-body__content h2, .pwr-post-body__content .h3-md { font-size: 32px; } .pwr-post-body__content h3, .pwr-post-body__content .h4-md { font-size: 28px; } .pwr-post-body__content h4, .pwr-post-body__content .h5-md { font-size: 24px; } .pwr-post-body__content h5, .pwr-post-body__content .h6-md { font-size: 22px; } .pwr-post-body__content h6 { font-size: 22px; } } @media (max-width: 767px) { .pwr-post-body__content .h1-sm { font-size: 52px; } .pwr-post-body__content .h2-sm { font-size: 38px; } .pwr-post-body__content h1, .pwr-post-body__content .h3-sm { font-size: 32px; } .pwr-post-body__content h2, .pwr-post-body__content .h4-sm { font-size: 28px; } .pwr-post-body__content h3, .pwr-post-body__content .h5-sm { font-size: 24px; } .pwr-post-body__content h4, .pwr-post-body__content .h6-sm { font-size: 22px; } .pwr-post-body__content h5 { font-size: 22px; } .pwr-post-body__content h6 { font-size: 19px; } } /* ========================================================================== Blog Post Hero #blog-ph ========================================================================== */ .pwr-post-hero__wrapper--boxed { background-repeat: no-repeat; background-size: cover; border-radius: 16px; overflow: hidden; padding: 80px 56px; } .pwr-post-hero__title { font-family: Poppins, 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__meta { margin-top: 28px; } .pwr-post-hero.pwr--dark .pwr-post-item__author, .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__author, .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__author, .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: 60px 32px; } } @media (max-width: 767px) { .pwr-post-hero__wrapper--boxed { border-radius: 10px; padding: 40px 24px; } .pwr-post-hero__title + .pwr-post-item__meta { margin-top: 20px; } } /* ========================================================================== Author #blog-a ========================================================================== */ /* Site */ .pwr-author-posts-title { color: #171B25; 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: ; } .pwr-author-profile--author-page .pwr-avatar__round { background-color: #FFFFFF; } .pwr-author-profile--author-page { background-color: transparent; padding: 90px 0; } .pwr-author-profile__info { display: table-cell; padding-left: 60px; vertical-align: middle; } .pwr-author-profile__name { color: #171B25; margin: 0 0 20px; } .pwr-author-profile__bio { display: inline-block; font-size: 16px; 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: 32px; } .pwr-blog-pagination__btn { background-color: #F4f6Fa; border-radius: 4px; color: #171B25; column-gap: 4px; font-family: Poppins, 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: #2254FE; } .pwr-blog-pagination__btn--disabled { cursor: default; opacity: .5; } .pwr-blog-pagination__btn--disabled:hover, .pwr-blog-pagination__btn--disabled:focus { color: #171B25; } @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: #171B25; float: right; font-family: Poppins, 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: #171B25; } .comment-body { font-size: 16px; line-height: 2em; } .comment-body p { margin: .25em 0 .5em; } .hs-button.comment-reply-to { background: none; color: #2254FE; cursor: pointer; font-family: Poppins, sans-serif; font-size: 12px; font-weight: bold; padding: 0; } .replying { padding-left: 0; } .replying-to { display: block; font-family: Poppins, 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 Subscriptions #mod-sub ========================================================================== */ /* General */ .pwr-email-subs__wrapper { min-height: 100vh; } .pwr-email-subs__left { padding: 150px 100px 150px 0; width: 45%; } .pwr-email-subs__left-inner { max-width: 440px; } .pwr-email-subs .page-header { padding-bottom: 40px; } .pwr-email-subs .page-header > h1, .pwr-email-subs .page-header > br { display: none; } .pwr-email-subs .page-header h2, .pwr-email-subs--conf #content, .pwr-email-subs--unsub #email-prefs-form #content > h3 { font-family: Poppins, sans-serif; font-size: 32px; font-weight: bold !important; letter-spacing: 0; line-height: 1.4em; margin: 0; text-transform: none; } .pwr-email-subs .page-header > p { margin: 8px 0 0; } .pwr-email-subs__right { padding: 150px 0 150px 100px; width: 55%; } .pwr-email-subs__right-inner { max-width: 560px; width: 100%; } @media (max-width: 1280px ) { .pwr-email-subs__left { padding: 125px 40px 125px 40px; width: 40%; } .pwr-email-subs__right { padding: 125px 40px 125px 40px; width: 60%; } .pwr-email-subs__left-inner, .pwr-email-subs__right-inner { max-width: unset; } } @media (max-width: 991px ) { .pwr-email-subs__left { padding: 125px 40px 80px 40px; width: 100%; } .pwr-email-subs__right { padding: 80px 40px 100px 40px; width: 100%; } .pwr-email-subs .page-header { padding-bottom: 30px; } .pwr-email-subs .page-header h2 { font-size: 32px; } } @media (max-width: 767px ) { .pwr-email-subs__left { padding: 125px 20px 60px 20px; } .pwr-email-subs__right { padding: 60px 20px 80px 20px; } .pwr-email-subs .page-header h2 { font-size: 19px; } } /* Subscription Preferences */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } .pwr-email-subs--prefs #email-prefs-form #content > .header { display: none; } .pwr-email-subs--prefs .email-prefs .item { margin: 0 0 20px; padding-bottom: 0; } .pwr-email-subs--prefs .email-prefs .item .item-inner { background-color: #FFFFFF; border: 10px; padding: 20px 30px; } .pwr-email-subs--prefs .email-prefs .item .item-inner.hovered { box-shadow: none; } .pwr-email-subs--prefs .email-prefs .item .item-inner * { color: #171B25; } .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel { display: flex; align-items: center; flex-wrap: wrap; } .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span { position: inherit; } .pwr-email-subs--prefs .subscribe-options label { margin-left: 0; } .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-subs--prefs .subscribe-options label > span { float: unset; font-family: Poppins, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.6em; vertical-align: unset; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"] + span:before { left: 30px; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after { left: 37px; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 78px !important; margin: 0px !important; padding-top: 0; } .pwr-email-subs--prefs .subscribe-options > p { margin-left: 0; } .pwr-email-subs--prefs .email-prefs .item .item-inner p { margin: 0 0 0 78px; } .pwr-email-subs--prefs .email-prefs .item .item-inner p:before { background-color: #171B25; content: ''; height: 60%; left: 83px; opacity: .1; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 1px; } .pwr-email-subs--prefs #submitbutton { margin-top: 20px; } .pwr-email-subs--prefs.pwr--dark .email-prefs .item .item-inner { background-color: rgba(255, 255, 255,.075); } .pwr-email-subs--prefs.pwr--dark .email-prefs .item .item-inner * { color: #FFFFFF; } @media (max-width: 1280px ) { .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-subs--prefs .email-prefs .item .item-inner p, .pwr-email-subs--prefs .subscribe-options label > span { font-size: 14px; } } @media (max-width: 991px ) { .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-subs--prefs .email-prefs .item .item-inner p, .pwr-email-subs--prefs .subscribe-options label > span { font-size: 16px; } } @media (max-width: 767px ) { .pwr-email-subs--prefs .email-prefs .item .item-inner { padding: 20px 25px; } .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span { position: relative; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 48px !important; margin-bottom: 8px !important; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"] + span:before { left: 0; } .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-subs--prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after { left: 7px; } .pwr-email-subs--prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-subs--prefs .subscribe-options label > span { margin-bottom: 8px; } .pwr-email-subs--prefs .email-prefs .item .item-inner p { margin: 0; } .pwr-email-subs--prefs .email-prefs .item .item-inner p:before { content: none; } } /* Subscription Update Confirmation */ .pwr-email-subs--conf #content { color: #2254FE; } @media (max-width: 767px ) { .pwr-email-subs--conf #content { font-size: 24px; } } /* Simple Subscription */ .pwr-email-subs--unsub .page-header { display: none; } .pwr-email-subs--unsub #email-prefs-form #content > h3 { margin-bottom: 20px; margin-top: 0; } .pwr-email-subs--unsub #email-prefs-form .email-edit { font-size: 19px !important; max-width: 750px !important; padding: 20px 0 !important; } .pwr-email-subs--unsub #submitbutton { margin-top: 30px; } @media (max-width: 991px ) { .pwr-email-subs--unsub #email-prefs-form .email-edit { font-size: 19px !important; padding: 10px 0 !important; } } @media (max-width: 767px ) { .pwr-email-subs--unsub #email-prefs-form #content > h3 { font-size: 24px; } } /* ========================================================================== System - Password Prompt #mod-pp ========================================================================== */ .pwr-password-prompt { padding: 240px 0; } .pwr-password-prompt__content { border-radius: 10px; max-width: 450px; padding: 45px 40px 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: 50px; } .pwr-password-prompt__form p { color: #F2545B; display: block; font-size: 16px; margin: 0 0 30px; } .pwr-password-prompt #hs-pwd-widget-password { border-color: rgba(23, 27, 37, .2); border-radius: 4px !important; border-style: solid; border-width: 1px; background-color: transparent; font-size: 19px; margin-bottom: 20px; text-align: center; width: 100%; } body .pwr-password-prompt input[type="submit"].hs-button { border-radius: 4px !important; width: 100%; } @media (max-width: 767px ) { .pwr-password-prompt { padding: 150px 0; } .pwr-password-prompt__content { max-width: 100%; padding: 40px 30px 50px; } .pwr-password-prompt #hs-pwd-widget-password { font-size: 16px; } } /* ========================================================================== System - Search Results #mod-ss ========================================================================== */ #pwr-search-results__input { font-size: 19px; 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: #2254FE; } .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: #2254FE; } .hs-search-results__listing .hs-search-results__title, .pwr-search-results__title { color: #171B25; margin: 0; } .hs-search-results__listing .hs-search-results__description, .pwr-search-results__description { color: #171B25; margin: 10px 0 0; } .hs-search-results__listing .hs-search-results__title, .hs-search-highlight { color: #2254FE; 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 #2254FE; } @media (max-width: 991px ) { .hs-search-results__listing li, .pwr-search-results__entry { padding: 30px; } #pwr-search-results__input { font-size: 19px; } .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: 16px; } } /* ========================================================================== Standalone - Modal #mod-mod ========================================================================== */ .pwr-modal { animation: pwrModal-fadein .5s; -webkit-animation: pwrModal-fadein .5s; -webkit-backface-visibility: hidden; background-color: rgba(0,0,0,.7); height: 100%; overflow: auto; position: fixed; bottom: 0; left: 0; right: 0; top: 0; width: 100%; z-index: 9999; -webkit-overflow-scrolling: touch; } .pwr-modal.pwr-modal--closing { animation: pwrModal-fadeout .5s forwards; -webkit-animation: pwrModal-fadeout .5s forwards; } .pwr-modal__container { animation: pwrModal-flyin .5s; -webkit-animation: pwrModal-flyin .5s; -webkit-backface-visibility: hidden; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,.25); max-width: 722.5px; width: 50%; } .pwr-modal.pwr-modal--closing .pwr-modal__container { animation: pwrModal-flyout .5s forwards; -webkit-animation: pwrModal-flyout .5s forwards; } .pwr-modal__close { background: transparent; border: none; cursor: pointer; padding: 6px 12px 0 0; right: 0; top: 0; z-index: 1000; } .pwr-modal__close:before { background: transparent; color: #7a7676; content: "\00D7"; font-size: 25px; font-weight: 500; line-height: 25px; } .pwr-modal__wrapper { height: 100%; } .pwr-modal__content { padding: 30px; } .pwr-modal__form { margin-top: 30px; } .pwr-modal__form .hs-form-field { margin-bottom: 20px; } .pwr-modal__form .hs-submit{ margin-top: 20px; } .pwr-modal__img { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } @keyframes pwrModal-flyin { 0% { opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px) } to { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) } } @-webkit-keyframes pwrModal-flyin { 0% { opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px) } to { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) } } @keyframes pwrModal-flyout { 0% { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) } to { opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px) } } @-webkit-keyframes pwrModal-flyout { 0% { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0) } to { opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px) } } @keyframes pwrModal-fadein { 0% { opacity:0 } to { opacity:1 } } @-webkit-keyframes pwrModal-fadein { 0% { opacity:0 } to { opacity:1 } } @keyframes pwrModal-fadeout { 0% { opacity:1 } to { opacity:0 } } @-webkit-keyframes pwrModal-fadeout { 0% { opacity:1 } to { opacity:0 } } /* ========================================================================== Standalone - Navigation #mod-nav ========================================================================== */ .pwr-sec-nav { background-color: ; padding: 30px 0; } .pwr-sec-nav.pwr--dark { background-color: #171B25; } .pwr-nav__container { flex: 1 0 auto; } .pwr-nav__link { color: #171B25; column-gap: 20px; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; 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: #2254FE; } .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(23, 27, 37, .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: #2254FE; font-weight: 900; } .pwr-toc-menu .is-active-link::before { background-color: #2254FE; 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: #171B25; } .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: #171B25; } .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: #2254FE; 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: #2254FE; 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__col { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 20px; } .pwr-accordion { border-radius: 0 50px 0 0; } .pwr-accordion__top { column-gap: 20px; cursor: pointer; padding: 30px 66px 30px 30px; position: relative; } .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: #171B25; } .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__top { padding: 20px 55px 20px 20px; } .pwr-accordion__icon { right: 30px; } .pwr-accordion__icon::before { left: -5px; width: 12px; height: 2px; } .pwr-accordion__icon::after { top: -5px; width: 2px; height: 12px; } .pwr-accordion__bottom { padding: 0 20px 25px; } } @media (max-width: 767px) { .pwr-sec-accordion__grid { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } } /* ========================================================================== Section Accordion/Text Tabs #mod-tabs ========================================================================== */ .pwr-sec-acc-tabs .pwr-video-background, .pwr-sec-text-tabs .pwr-video-background, .pwr-sec-tabs .pwr-video-background, .pwr-sec-acc-tabs .pwr--abs-full, .pwr-sec-text-tabs .pwr--abs-full, .pwr-sec-tabs .pwr--abs-full { z-index: -1; } .pwr-sec-acc-tabs__tabs, .pwr-sec-text-tabs__tabs, .pwr-sec-tabs__tabs { flex: 1 0 auto; max-width: 100%; row-gap: 25px; } .pwr-sec-acc-tabs__tabs.flex-row, .pwr-sec-text-tabs__tabs.flex-row, .pwr-sec-tabs__tabs.flex-row { column-gap: 25px; overflow-x: auto; } .flex-row > .pwr-tabs__tab { min-width: max-content; padding: 0 0 14px; } .pwr-tabs__tab--active { font-weight: bold; } .flex-row > .pwr-tabs__tab--active, .flex-row > .pwr-tabs__tab--active:hover { border-left: 0; border-bottom: 2px solid #2254FE; } .pwr-tabs__tab { cursor: pointer; line-height: 1.5em; padding-left: 14px; transition-duration: .2s; transition-property: color,opacity,border-color,font-weight; transition-timing-function: ease-in-out; } .pwr-tabs__tab:hover { color: #2254FE; opacity: 1; } .pwr-tabs__tab--active, .pwr-tabs__tab--active:hover { border-left: 2px solid #2254FE; color: #2254FE; } .pwr--dark .pwr-tabs__tab:hover { color: inherit; } .pwr--dark .pwr-tabs__tab--active { border-bottom: 2px solid #FFFFFF; color: #FFFFFF; } .pwr-tabs__content { display: none; } .pwr-sec-mockup-tabs__body { flex: 0 1 auto; } .pwr-sec-text-tabs__body .pwr-tabs__content { background-color: #F4F6FA; border-radius: 10px; padding: 40px 40px 50px; } .pwr-sec-acc-tabs__body .pwr-sec-accordion__grid { grid-row-gap: 20px; } .pwr-sec-acc-tabs__body .pwr-accordion { border-radius: 10px; } .pwr-text-tabs__title + .pwr-text-tabs__desc { margin-top: 20px; } .pwr-text-tabs__title + .pwr-text-tabs__cta-container, .pwr-text-tabs__desc + .pwr-text-tabs__cta-container { margin-top: 40px; } @media (max-width: 1280px ) { .pwr-sec-acc-tabs__tabs.flex-lg-row, .pwr-sec-text-tabs__tabs.flex-lg-row, .pwr-sec-tabs__tabs.flex-lg-row { column-gap: 25px; overflow-x: auto; } .flex-lg-row > .pwr-tabs__tab { min-width: max-content; padding: 0 0 14px; } .flex-lg-row > .pwr-tabs__tab--active, .flex-lg-row > .pwr-tabs__tab--active:hover { border-left: 0; border-bottom: 2px solid #2254FE; } } @media (max-width: 991px ) { .pwr-sec-acc-tabs__tabs, .pwr-sec-text-tabs__tabs, .pwr-sec-tabs__tabs { row-gap: 15px; } .pwr-sec-acc-tabs__tabs.flex-md-row, .pwr-sec-text-tabs__tabs.flex-md-row, .pwr-sec-tabs__tabs.flex-md-row { column-gap: 25px; overflow-x: auto; } .flex-md-row > .pwr-tabs__tab { min-width: max-content; padding: 0 0 14px; } .flex-md-row > .pwr-tabs__tab--active, .flex-md-row > .pwr-tabs__tab--active:hover { border-left: 0; border-bottom: 2px solid #2254FE; } } @media (max-width: 767px) { .pwr-sec-acc-tabs__wrapper, .pwr-sec-text-tabs__wrapper, .pwr-sec-tabs__wrapper { row-gap: 30px !important; } .pwr-sec-acc-tabs__tabs, .pwr-sec-text-tabs__tabs, .pwr-sec-tabs__tabs { column-gap: 25px; overflow-x: auto; width: auto !important; } .pwr-tabs__tab { min-width: max-content; padding: 0 0 14px; } .pwr-tabs__tab--active, .pwr-tabs__tab--active:hover { border-left: 0; border-bottom: 2px solid #2254FE; } .pwr-sec-mockup-tabs__body { width: 100% !important; } .pwr-sec-text-tabs__body .pwr-tabs__content { padding: 20px 25px 35px; } .pwr-text-tabs__title { font-size: 20px; } .pwr-text-tabs__title + .pwr-text-tabs__desc { margin-top: 23px; } } /* ========================================================================== Section Benefits #mod-ben ========================================================================== */ .pwr-sec-benefits__grid { border-radius: 10px; padding: 50px 40px; } .pwr-sec-benefits__item { column-gap: 15px; row-gap: 15px; } .pwr-sec-benefits__item-icon { width: 55px; } .pwr-sec-benefits__item-icon img { height: auto; max-width: 100%; } .pwr-sec-benefits__item-content { flex: 1; } .pwr-sec-benefits__item-title { line-height: 1.3em; } .pwr-sec-benefits__item-title + .pwr-sec-benefits__item-desc { margin-top: 10px; } @media (max-width: 991px) { .pwr-sec-benefits__grid { padding: 40px 25px; } .pwr-sec-benefits__item-icon { width: 45px; } } @media (max-width: 767px) { .pwr-sec-benefits__grid { padding: 32px 16px; } .pwr-sec-benefits__item-icon { width: 40px; } .pwr-sec-benefits__item-title + .pwr-sec-benefits__item-desc { margin-top: 5px; } } /* ========================================================================== Section Boxes #mod-box ========================================================================== */ .pwr-box .pwr-touch-btn { transition: opacity .1s linear; } .pwr-box__back, .pwr-box__front { padding: 50px 40px; width: 100%; } .pwr-box__back { background: transparent; opacity: 0; transition: all .4s ease-in-out; z-index: 0; } .pwr-box:hover .pwr-box__back { opacity: 1; } .pwr-box__front { bottom: 0; left: 0; transition: all .4s ease-in-out .1s; z-index: 1; } .pwr-box:hover .pwr-box__front { opacity: 0; transition: none; visibility: hidden; z-index: -1; } .pwr-box__icon { margin-bottom: 20px; } .pwr-box__subtitle { margin-top: 8px; line-height: 1.2em; } .pwr-box__title + .pwr-box__desc { margin-top: 10px; } .pwr-box__title + .pwr-box__cta, .pwr-box__desc + .pwr-box__cta { margin-top: 20px; } .pwr-box__cta { z-index: 1; } .pwr-box__cta[class*=-solid] .cta_button { font-size: 12px; letter-spacing: 0; padding: 5px 8px; } @media (max-width: 991px) { .pwr-box__back, .pwr-box__front { padding: 40px 35px; } } /* ========================================================================== Section Comparison Table #mod-ct ========================================================================== */ .pwr-comparison__img { background-position: center; background-size: cover; border-radius: 0 0 0 180px; height: 450px; background-repeat: no-repeat; width: 90%; } .pwr-comparison__table-wrapper { border-radius: 12px; bottom: -65px; box-shadow: 4px 4px 20px #00000030; overflow: auto; position: absolute; right: -15px; } .pwr-comparison__table { background-color: #fff; border-collapse: collapse; width: 100%; } .pwr-comparison__table tr:not(:last-child) { border-bottom: 2px solid #f8f9fc; } .pwr-comparison__table tr td { padding: 8px; text-align: center; width: auto; } .pwr-comparison__table tr:first-child td { padding-top: 12px; } .pwr-comparison__table tr td:first-child { text-align: left; padding-left: 12px; } .pwr-comparison__table tr td:last-child { padding-right: 12px; } .pwr-comparison__table tr:last-child td { padding-bottom: 12px; } .pwr-comparison__table tr td, .pwr-comparison__table tr td p { line-height: 1.4; margin: 0; } .pwr-comparison__table-icon { fill: currentColor; font-size: 20px; } .pwr-comparison__table tr td svg { margin: 0 auto; } @media (max-width: 1280px) { .pwr-comparison__img { width: 100%; } } @media (max-width: 991px) { .pwr-comparison__table-wrapper { position: relative; bottom: 0; right: 0; width: 100% !important; } .pwr-comparison__table { min-width: max-content; } } /* ========================================================================== Section CTA #mod-cta ========================================================================== */ .pwr-sec-cta__wrapper { border-radius: 80px 0; padding: 50px 80px; row-gap: 40px; } .pwr-sec-cta__cta-container { column-gap: 20px; } @media (max-width: 991px ) { .pwr-sec-cta__wrapper { border-radius: 70px 0; padding: 40px 50px; row-gap: 30px; } } @media (max-width: 767px ) { .pwr-sec-cta__wrapper { padding: 50px 40px; } } /* ========================================================================== Section Device Mockup #mod-dm ========================================================================== */ .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: 10px; } @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: 32px; padding-left: 32px; } .pwr--full-width .flex-md-row .pwr-sec-mockup__content { padding-left: 32px; } .pwr--full-width .flex-md-row-reverse .pwr-sec-mockup__content { padding-right: 32px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 15px; } .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--full-width .flex-sm-column .pwr-sec-mockup__content, .pwr--full-width .flex-sm-column-reverse .pwr-sec-mockup__content { padding-right: 20px; padding-left: 20px; } .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 { color: #A5A5B5; font-size: 18px; line-height: 24px; } .pwr-sec-disc__title + .pwr-sec-disc__img { padding-left: 5px; } .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 .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) { text-align: center; } } /* ========================================================================== Section Form #mod-frm ========================================================================== */ .pwr-form--wrapped { border-radius: 15px; padding: 40px; } .pwr-form--wrapped .hs-submit { width: 100%; } @media (max-width: 767px ) { .pwr-form--wrapped { padding: 30px 25px; } } /* ========================================================================== Section Icon Slider #mod-icons ========================================================================== */ .pwr-icons { background-color: #F4F6FA; border-radius: 50%; box-shadow: -10px -10px 30px #ffffff; height: 190px; width: 190px; } .pwr-icons__title { -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; background-color: #A5A5B5; color: transparent; font-size: 16px; line-height: 1.5em; margin-top: 15px; text-shadow: 2px 1px 24px #00000040; } /* ========================================================================== Section Image Boxes #mod-ib ========================================================================== */ .pwr-sec-image-boxes--parallax { overflow: hidden; } .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: #171B25; border-radius: 10px; opacity: .4; } .pwr-image-box__main-icon { z-index: 1; } .pwr-image-box--style-below-2 .pwr-image-box__img, .pwr-image-box--style-below-2 .pwr-image-box__img > .pwr--abs-full { border-radius: 10px 10px 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: 10px; } .pwr-image-box__overlay { border-radius: 10px; 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 { background-color: #2254FE; opacity: .85; } .pwr-image-box__front, .pwr-image-box__back { bottom: 0; color: #FFFFFF; left: 0; padding: 50px 40px; position: absolute; width: 100%; z-index: 1; } .pwr-image-box__below { padding: 30px 10px 35px 0; } .pwr-image-box .pwr-image-box__below, .pwr-image-box:hover .pwr-image-box__below { color: #171B25; } .pwr--dark .pwr-image-box .pwr-image-box__below, .pwr--dark .pwr-image-box:hover .pwr-image-box__below{ color: #FFFFFF; } .pwr-image-box--style-below-2 .pwr-image-box__below { border-radius: 0 0 10px 10px; padding: 35px 40px; } .pwr-image-box--style-below-1 .pwr-image-box__intro, .pwr-image-box--style-below-2 .pwr-image-box__intro { color: #2254FE; } .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 { 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: Poppins, 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: #171B25; } .pwr--dark .pwr-image-box__more-link--mobile, .pwr--dark .pwr-image-box__more-link--mobile:hover { color: #FFFFFF; } } .pwr-image-box--is-link:hover .pwr-image-box__more-link { height: auto; opacity: 1; } .pwr-image-box__more-link--centered { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link--centered { padding-top: 0; } .pwr-image-box__icon { display: inline-block; fill: currentColor; padding-left: 10px; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-image-box__icon--no-text { padding-left: 0; font-size: 25px; } @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%; } .pwr-image-box--style-below-2 .pwr-image-box__below { padding: 30px; } } @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: 19px; } .pwr-image-box__icon--no-text { font-size: 19px; } .pwr-image-box--style-below-2 .pwr-image-box__below { padding: 24px; } .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 Image Slider #mod-is ========================================================================== */ .pwr-images__item { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 4px; height: 380px; opacity: .35; -webkit-transform: scale3d(0.84, 0.84, 1); transform: scale3d(0.84, 0.84, 1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.3s ease-in-out; width: 594px; } .pwr-sec-images__slider .owl-item.active.center .pwr-images__item { opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); } @media (max-width: 991px) { .pwr-images__item { height: 310px; width: 484px; } } @media (max-width: 767px) { .pwr-images__item { height: 189px; width: 295px; } } /* ========================================================================== 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: .3; -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); opacity: 1; } /* ========================================================================== Section Members Slider #mod-ms ========================================================================== */ .pwr-sec-members__slider .owl-carousel .owl-stage { align-items: stretch; display: flex; } .pwr-members__item { background-color: #2254FE; border-radius: 0 0 70px 0; height: 100%; } .pwr-members__info { color: #FFF; padding: 20px 40px 30px 20px; } .pwr-members__name { line-height: 1.2em; margin-bottom: 8px; } .pwr-members__title { line-height: 1.2em; } /* ========================================================================== Section Mockup Slider #mod-mos ========================================================================== */ .pwr-sec-mockup__slider .owl-carousel .owl-stage { display: flex; align-items: center; } /* ========================================================================== Section News #mod-news ========================================================================== */ .pwr-sec-news__wrapper { row-gap: 60px; } .pwr-sec-news__grid { grid-column-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .pwr-news__image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; } .pwr-news__item:first-child .pwr-news__image { height: 240px; margin-bottom: -16%; } .pwr-news__item:nth-child(2) .pwr-news__image { height: 400px; margin-bottom: -20%; } .pwr-news__item:last-child .pwr-news__image { height: 300px; margin-bottom: -18%; } .pwr-news__content { background-color: #2A2F3C; border-radius: 0 0 60px 0; padding: 30px 30px 50px; width: 92%; z-index: 1; } .pwr-news__title-intro { line-height: 1.4em; margin-bottom: 10px; } .pwr-news__title { line-height: 1.625em; } .pwr-news__icon { bottom: 0; line-height: 1; position: absolute; right: 0; } @media (max-width: 1280px ) { .pwr-news__item:first-child .pwr-news__image { height: 210px; } .pwr-news__item:nth-child(2) .pwr-news__image { height: 350px; } .pwr-news__item:last-child .pwr-news__image { height: 260px; } .pwr-news__content { padding: 20px 20px 40px; } } @media (max-width: 991px ) { .pwr-sec-news__grid { grid-column-gap: 15px; } .pwr-news__item:first-child .pwr-news__image { height: 185px; margin-bottom: -25%; } .pwr-news__item:nth-child(2) .pwr-news__image { height: 300px; margin-bottom: -30%; } .pwr-news__item:last-child .pwr-news__image { height: 230px; margin-bottom: -25%; } } @media (max-width: 767px ) { .pwr-sec-news__grid { grid-column-gap: 0; grid-row-gap: 40px; grid-template-columns: 1fr; } .pwr-news__item:nth-child(2), .pwr-news__item:last-child { display: none; } .pwr-news__item .pwr-news__image { height: 230px !important; margin-bottom: -20% !important; } .pwr-news__content { padding-bottom: 45px; } } /* ========================================================================== Section Out of Bounds #mod-oob ========================================================================== */ .pwr-sec-bounds { overflow: visible; } .pwr-sec-bounds__wrapper.flex-row { border-radius: 0 0 0 100px; padding: 80px 100px 90px; } .pwr-sec-bounds__wrapper.flex-row-reverse { border-radius: 0 0 200px 0; padding: 70px 100px; } .pwr-sec-bounds__image { bottom: 0; } .pwr-sec-bounds__image img { height: auto; line-height: 0; width: 100%; } @media (max-width: 1280px ) { .pwr-sec-bounds__wrapper.flex-row { padding: 75px; } .pwr-sec-bounds__wrapper.flex-row-reverse { padding: 55px 75px; } } @media (max-width: 991px ) { .pwr-sec-bounds__wrapper.flex-row { border-radius: 0 0 0 80px; padding: 60px; } .pwr-sec-bounds__wrapper.flex-row-reverse { border-radius: 0 0 150px 0; padding: 40px 60px; } .pwr-sec-bounds__wrapper.flex-md-column { padding: 40px 60px 0; } .flex-md-column .pwr-sec-bounds__image { bottom: unset !important; left: unset !important; right: unset !important; } } @media (max-width: 767px ) { .pwr-sec-bounds__wrapper { border-radius: 0 80px 0 0 !important; padding: 50px 30px 0 !important; } .pwr-sec-bounds__image { bottom: unset !important; left: unset !important; right: unset !important; } } /* ========================================================================== Section Pricing Table #mod-pt ========================================================================== */ .pwr-pricing__highlight { border-radius: 10px 10px 0 0; padding: 12px 40px; } .pwr-pricing__content { border-radius: 10px; padding: 44px 40px 60px; } .pwr-pricing__content--highlighted { border-radius: 0 0 10px 10px; } .pwr-pricing__logo + .pwr-pricing__title, .pwr-pricing__title + .pwr-pricing__desc { margin-top: 20px; } .pwr-pricing__logo + .pwr-pricing__desc { margin-top: 30px; } .pwr-pricing__desc ul li.activate { font-weight: bold; transition: all .4s ease-in-out; } .pwr-pricing__desc ul li.disabled { color: #171B25; opacity: .6; transition: all .4s ease-in-out; } .pwr-pricing__desc ul li.disabled.canceled { text-decoration: line-through; } .pwr-pricing__desc ul li.disabled:after { border-color: #171B25 !important; } .pwr-pricing__cta { margin-top: 40px; } @media (max-width: 991px) { .pwr-pricing__content { padding: 36px 30px 44px; } } @media (max-width: 767px) { .pwr-sec-pricing__grid { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } .pwr-pricing__title + .pwr-pricing__desc { margin-top: 10px; } .pwr-pricing__cta { margin-top: 30px; } } /* ========================================================================== Section Process #mod-proc ========================================================================== */ .pwr-sec-process { overflow: visible; } .pwr-sec-process__wrapper { row-gap: 60px; } .pwr-phase { border-radius: 20px; line-height: 1.4em; padding: 40px 30px; } .pwr-phase__title + .pwr-phase__desc { margin-top: 10px; } .pwr-phase__desc { margin-top: 10px; } .pwr-phase__desc p { line-height: 1.5em; } .pwr-phase__border--first, .pwr-phase__border--middle, .pwr-phase__border--last, .pwr-phase__arrow { position: absolute; } .pwr-phase__border--first { left: 0; top: 0; } .pwr-phase__border--middle { left: 20px; top: -7.5px; } .pwr-phase__border--last { bottom: 0; right: 0; } .pwr-phase__border--first path, .pwr-phase__border--middle path, .pwr-phase__border--last path { vector-effect: non-scaling-stroke; } .pwr-phase__arrow { background: #FFF; padding: 15px 0; right: -12px; top: 50%; transform: translateY(-50%); z-index: 1; } @media (max-width: 767px ) { .pwr-sec-process__wrapper { row-gap: 0; } .pwr-phase__arrow { bottom: -39px; right: unset; top: unset; transform: rotate(90deg) translateX(-50%); } } /* ========================================================================== Section Services #mod-svs ========================================================================== */ .pwr-services__image + .pwr-services__title, .pwr-services__image + .pwr-services__desc, .pwr-services__count + .pwr-services__title, .pwr-services__count + .pwr-services__desc { margin-top: 30px; } .pwr-services__count { background-color: #2254FE; border-radius: 50%; color: #FFFFFF; font-family: Poppins, sans-serif; line-height: 60px; height: 60px; width: 60px; } .pwr-services__title + .pwr-services__desc { margin-top: 10px; } .pwr-services__title + .pwr-services__cta, .pwr-services__desc + .pwr-services__cta { margin-top: 40px; } /* ========================================================================== Section Stats #mod-stat ========================================================================== */ .pwr-sec-stats .pwr-video-background, .pwr-sec-stats .pwr--abs-full { z-index: -1; } .pwr-sec-stats__intro-sec { margin-bottom: 55px; } .pwr-sec-stats__stat { border-radius: 90px 0 0; padding: 41px 30px; } .pwr-sec-stats__stat-num { font-family: Poppins, sans-serif; font-size: 48px; font-weight: bold; line-height: 1em; word-break: break-all; } .pwr-sec-stats__stat-desc { line-height: 1.62em; margin-top: 10px; } /* ========================================================================== Section Testimonial #mod-tes ========================================================================== */ .pwr-testimonial__logo { margin-bottom: 30px; } .pwr-testimonial__author, .pwr-testimonial__title { line-height: 1.5em; } .pwr-testimonial__quote + .pwr-testimonial__author, .pwr-testimonial__quote + .pwr-testimonial__title, .pwr-testimonial__cta-container { margin-top: 40px; } .pwr-testimonial__author + .pwr-testimonial__title { margin-top: 5px; } .pwr-testimonial__image { height: auto; line-height: 0; width: 100%; } .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content { border-radius: 0 0 280px 0; padding: 100px 100px 100px 176px; } .pwr-testimonial__icon { right: 15px; top: -35px; } .pwr-sec-testimonial__wrapper--wrapped .pwr-testimonial__author, .pwr-sec-testimonial__wrapper--wrapped .pwr-testimonial__title { font-size: 13px; } .pwr-sec-testimonial__wrapper--wrapped .pwr-testimonial__quote + .pwr-testimonial__author, .pwr-sec-testimonial__wrapper--wrapped .pwr-testimonial__quote + .pwr-testimonial__title { margin-top: 30px; } .pwr-sec-testimonial__wrapper--wrapped.flex-row .pwr-sec-testimonial__image { right: 0; } .pwr-sec-testimonial__wrapper--wrapped.flex-row-reverse .pwr-sec-testimonial__image { left: 0; } @media (min-width: 1281px ) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content.content-only--desk { padding: 100px; } } @media (max-width: 1280px) and (min-width: 992px) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content.content-only--lap { padding: 80px 80px 85px 80px; } } @media (max-width: 1280px ) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content { border-radius: 0 0 260px 0; padding: 80px 80px 85px 150px; } } @media (max-width: 991px) and (min-width: 768px) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content.content-only--tab { padding: 60px; } } @media (max-width: 991px ) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content { border-radius: 0 0 200px 0; padding: 60px 60px 60px 126px; } } @media (max-width: 767px ) { .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content { border-radius: 0 0 100px 0; padding: 70px 30px 60px 30px; } .pwr-sec-testimonial__wrapper--wrapped .pwr-sec-testimonial__content.no-quote { padding: 55px 30px; } } /* ========================================================================== Section Testimonial Slider #mod-ts ========================================================================== */ .pwr-testimonials__content { background-color: #F4F6FA; border-radius: 0 0 100px 0; padding: 70px 40px 40px; } .pwr--dark .pwr-testimonials__content { background-color: #2A2F3C; } .pwr-testimonials__avatar { align-self: center; background-position: 50%; background-size: cover; border-radius: 50%; height: 130px; margin-bottom: -50px; width: 130px; z-index: 1; } .pwr-testimonials__quote { margin-bottom: 40px; } .pwr-testimonials__author, .pwr-testimonials__title { font-family: Poppins, sans-serif; font-size: 12px; line-height: 24px; } .pwr-testimonials__author { font-weight: bold; } .pwr--dark .pwr-testimonials__author, .pwr--dark .pwr-testimonials__title { color: #A5A5B5; } /* ========================================================================== Section Values #mod-val ========================================================================== */ .pwr-value { border-radius: 10px; padding: 30px; row-gap: 15px; } .pwr-value__top { column-gap: 15px; row-gap: 15px; } .pwr-value__title, .pwr-value__title span { line-height: 1.4em; } @media (max-width: 991px ) { .pwr-value { padding: 25px; } } /* ========================================================================== Section Video #mod-vid ========================================================================== */ .pwr-video__link { background-color: #FFFFFF; border-radius: 100%; color: #2254FE; font-size: 32px; height: 140px; text-align: center; transition: all 1.2s ease-in-out; width: 140px; z-index: 1; } .pwr-video__link:hover { color: #2254FE; -webkit-transform: scale(1.25); transform: scale(1.25); } .pwr-video__icon { fill: currentColor; transition: all .6s ease-in-out; } .pwr-lightbox__box .pwr-video-background__youtube, .pwr-lightbox__box video { max-width: 1500px; position: relative; width: 80vw; } @media (max-width: 767px ) { .pwr-video__link { font-size: 27px; height: 100px; line-height: 100px; width: 100px; } } /* ========================================================================== 10. MISCELLANOUS #misc General custom styles & extra adjustments. ========================================================================== */ /* Modals & Pop Ups */ #leadinModal-4916802 { display: flex; align-items: center; justify-content: center; padding: 0; } #leadinModal-4916802 .leadinModal-content { background-color: #FFF; border-radius: 16px; max-width: 722.5px; width: 50%; } #leadinModal-4916802.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-close { top: 2px; right: 4px; } #leadinModal-4916802 .leadin-preview-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 50% 18% 32%; padding: 0; max-height: 500px; overflow: hidden; } #leadinModal-4916802 .dyno-image { display: block; vertical-align: unset; float: none; width: 100%; margin: 0; grid-column: 1 / span 1; grid-row: 1 / span 3; } #leadinModal-4916802 img { max-width: 100%; } #leadinModal-4916802.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 { margin: 0; grid-column: 2 / span 1; padding: 40px 30px 15px; align-self: end; font-size: 26px; color: #171b25; } #leadinModal-4916802 .clearfix-image { display: none; } #leadinModal-4916802 .leadinModal-description-4916802 { grid-column: 2 / span 1; padding: 0 30px; } #leadinModal-4916802 .leadinModal-description-4916802 p { margin: 0; font-size: 16px; color: #171b25; } #leadinModal-4916802 .advance-wrapper { margin: 0; grid-column: 2 / span 1; padding: 40px 30px; } a.leadin-button.leadin-advance-button.leadin-button-primary { opacity: 1 !important; letter-spacing: .5px; overflow: hidden; padding: 15px 21px !important; position: relative; transition: all .4s ease-in-out; border: 0; border-radius: 4px; display: inline-block; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.6em; text-transform: uppercase; z-index: 0; } #leadinModal-4916802 a.leadin-button { margin: 0; } #leadinModal-4916802 a.leadin-button.leadin-advance-button.leadin-button-primary:before { background-color: #2254fe; top: 0; bottom: 0; display: block; content: ''; left: 0; position: absolute; transition: all .4s ease-in-out; width: 100%; z-index: -1; } #leadinModal-4916802 a.leadin-button.leadin-advance-button.leadin-button-primary:after { height: 0; bottom: 0; display: block; content: ''; left: 0; position: absolute; transition: all .4s ease-in-out; width: 100%; z-index: -1; } #leadinModal-4916802 a.leadin-button.leadin-advance-button.leadin-button-primary:hover:after { background-color: #171b25; height: 100%; } .leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper { padding: 20px 0 !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-preview-wrapper { display: flex !important; align-items: center; justify-content: center; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button { border: 0; border-radius: 0; font-family: Poppins,sans-serif; font-size: 13px; font-weight: 700; line-height: 1.6em; padding: 15px 21px !important; text-transform: uppercase; width: auto; } @media only screen and (max-width: 992px) { .leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper { padding: 20px 80px 20px 40px !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview h4 { margin: 0 0 20px !important; padding: 0 !important; text-align: center !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .advance-wrapper { width: unset !important; } } @media only screen and (max-width: 767px) { .leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper { padding: 20px 50px 20px 30px !important; } .leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .leadin-button { font-size: 12px; } } /* Cookie Notice */ div#hs-eu-cookie-confirmation { border: 0 !important; box-shadow: -2px 3px 5px rgba(0,0,0,0.1) !important; font-family: Quicksand, sans-serif !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: #171B25 !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border-color: #2254FE !important; border-radius: 0; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: #2254FE !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: #2254FE !important; } div#hs-eu-cookie-confirmation { -webkit-transform: translateZ(120px); transform: translateZ(120px); } /* Background Colors */ .df-bg--aqua, .pwr-cta--link.df-txt--aqua .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after { background-color: #0CCCB8 !important; } .df-bg--black { background-color: #171B25; } .df-bg--blue, .pwr-rich-text ul.pwr-list__df-bg--blue li:before, .pwr-rich-text li ul.pwr-list__df-bg--blue li:before{ background-color: #2254FE; } .df-bg--cyan, .pwr-rich-text ul.pwr-list__df-bg--cyan li:before, .pwr-rich-text li ul.pwr-list__df-bg--cyan li:before { background-color: #25C8EF; } .df-bg--gray, .pwr-rich-text ul.pwr-list__df-bg--gray li:before { background-color: #F4F6FA; } .df-bg--green, .pwr-rich-text ul.pwr-list__df-bg--green li:before { background-color: #E2E735; } .df-bg--orange, .pwr-rich-text ul.pwr-list__df-bg--orange li:before { background-color: #FF9F20; } .df-bg--pink { background-color: #FF1D81; } .df-bg--purple, .pwr-rich-text ul.pwr-list__df-bg--purple li:before { background-color: #753FCE; } .df-bg--red, .pwr-rich-text ul.pwr-list__df-bg--red li:before { background-color: #D9003A; } .df-bg--transparent, .pwr-rich-text ul.pwr-list__df-bg--transparent li:before { background-color: transparent; } .df-bg--white, .pwr-rich-text ul.pwr-list__df-bg--white li:before { background-color: #FFF; } .df-bg--wine { background-color: #95003A; } .df-bg--yellow { background-color: #FFBF00; } /* Border Colors */ .df-border--aqua { border-color: #0CCCB8; } .df-border--blue, .pwr-rich-text ul.pwr-list__df-border--blue li:after { border-color: #2254FE; } .df-border--cyan, .pwr-rich-text ul.pwr-list__df-border--cyan li:after, .pwr-rich-text li ul.pwr-list__df-border--cyan li:after { border-color: #25C8EF; } .df-border--green { border-color: #E2E735; } .df-border--orange { border-color: #FF9F20; } .df-border--pink { border-color: #FF1D81; } .df-border--purple { border-color: #753FCE; } .df-border--red, .pwr-rich-text ul.pwr-list__df-border--red li:after { border-color: #D9003A; } .df-border--white, .pwr-rich-text ul.pwr-list__df-border--white li:after { border-color: #FFF; } .df-border--wine { border-color: #95003A; } .df-border--yellow { border-color: #FFBF00; } /* Text Colors */ .df-txt--aqua, .pwr-cta--link.df-txt--aqua .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-cta--link.df-txt--aqua .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before { color: #0CCCB8; } .df-txt--blue { color: #2254FE; } .df-txt--cyan { color: #25C8EF; } .df-txt--green { color: #E2E735; } .df-txt--orange { color: #FF9F20; } .df-txt--pink { color: #FF1D81; } .df-txt--purple { color: #753FCE; } .df-txt--red { color: #D9003A; } .df-txt--white { color: #FFF; } .df-txt--wine { color: #95003A; } .df-txt--yellow { color: #FFBF00; } /* 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: #171B25; 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: #2254FE !important; opacity: 1; } .pwr-owl .owl-dots .owl-dot:focus { outline: 0; } .pwr-owl-nav { color: #171B25; fill: currentColor; font-size: 25px; } .pwr-owl-nav__prev, .pwr-owl-nav__next { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .pwr-owl-nav__prev { left: -30px; } .pwr-owl-nav__next { right: -30px; } .pwr--dark .pwr-owl-nav { color: #FFFFFF; } .pwr--dark .pwr-owl .owl-dots .owl-dot span { background: #2254FE; } @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: ; content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px } .is-active-link::before { background-color: #2254FE; } /* ========================================================================== 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: #171B25; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ========================================================================== Youtube Player-jquery.mb.YTPlayer #third-yt ========================================================================== */ @font-face { font-family: ytpregular; src: url(font/ytp-regular.eot) } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'), url(font/ytp-regular.ttf)format('truetype'); font-weight: 400; font-style: normal } .mb_YTPlayer:focus { outline: 0 } .YTPWrapper { display: block; transform: translateZ(0)translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate } @-webkit-keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000 !important; padding: 0 !important } .inlinePlayButton { font-family: ytpregular; font-size: 45px; color: #fff; text-align: center; border-radius: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; width: 80px; height: 80px; line-height: 80px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; opacity: .8; transition: all .4s; transform: scale(1.3) } .mb_YTPlayer:hover .inlinePlayButton { opacity: 1; transform: scale(1) } .inlinePlayButton:hover { background-color: rgba(0, 0, 0, 1); transform: scale(1.3) !important } .mbYTP_wrapper iframe { max-width: 8000px !important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5) } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100% } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: #fff; opacity: .1 } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, .4) } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar span.mb_YTPUrl a { color: #fff } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlayPause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img { cursor: pointer } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0 } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, .47)1px 1px 3px } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box } .YTPOverlay.raster { background: url(images/raster.png) } .YTPOverlay.raster.retina { background: url(images/raster@2x.png) } .YTPOverlay.raster-dot { background: url(images/raster_dot.png) } .YTPOverlay.raster-dot.retina { background: url(images/raster_dot@2x.png) } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px } .mb_YTPBar.compact .simpleSlider { width: 40px } .mb_YTPBar.compact span.mb_OnlyYT { left: 260px } .mb_YTPBar .simpleSlider.muted { opacity: .3 } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box } .mb_YTPBar .level.horizontal { height: 100%; width: 0 } .mb_YTPBar .level.vertical { height: auto; width: 100% } /* ========================================================================== Featherlight - Lightbox #third-fl ========================================================================== */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(23, 27, 37,.9); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ /* overflow: auto;*/ /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #FFFFFF; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #FFFFFF; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #171B25; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0) } .featherlight-previous { left: 25px; right: 80% } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, .25) } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px #FFFFFF; color: #FFFFFF; font-style: normal; font-weight: 400 } .featherlight-next span { right: 5%; left: auto } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block } .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none } @media only screen and (max-device-width:1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: 0 0 } .featherlight-next span, .featherlight-previous span { display: block } } @media only screen and (max-width:1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85% } .featherlight-previous { left: 10px; right: 85% } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px } } /* Featherlight overwrites & extension */ .featherlight, .featherlight:last-of-type { background-color: rgba(0,0,0,.8); } .featherlight .featherlight-close-icon { background-color: transparent; color: #FFFFFF; font-size: 26px; font-weight: 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%; } }