/*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Template V1.0 */ /* by maka Ageny */ /* */ /* STYLE DECLARATIONS V1.2 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* !!! We recommend to leave this file untouched for future updates !!! */ /* */ /* Please use the style-settings.css file in the folder 'Coded Files' to */ /* adjust the template to your branding and needs. */ /* */ /* It then gets imported here: */ /* */ /****************************************************************************/ /*********************************************/ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /* */ /* Hubspot POWER Template V1.0 */ /* by maka Ageny */ /* */ /* STYLE SETTINGS V1.1 */ /* */ /* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */ /*********************************************/ /****************************************************************************/ /* */ /* 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. BASIC COLOR DEFINITIONS #bcd 2. SPECIFIC COLOR DEFINITIONS #scd - Background - Accent Background - Text - Titles - Links - Buttons - Navigation - Social Icons & Form Errors 3. FONT-SETTINGS #fs - Basic and accent font types - Font smooting - Font sizes - Font weights 4. ROUND EDGES #re 5. EFFECTS #eff - 3D box effect - Button hover effect 6. LAYOUT #lay - Main header menu position - Content width - Section padding - Responsive breakpoints - Mobile responsiveness size reduction factors *****************************************************************************/ /* ========================================================================== 1. BASIC COLOR DEFINITIONS #bcd These colors are used throughout the POWER template. The colors are configured in the HEX format. You can find or convert your color with the help of a tool like Photoshop, Gimp or online tools like colorpicker.com A color in the HEX format looks like this: #2254FE Change the HEX values inside the single quotation marks: ========================================================================== */ /* This color represents e.g. background color for dark-mode, dark text color, * is base for dark borders, ... * Theme default: #171B25, Standard black would be #000000 */ /* This color represents e.g. dark accent background color for boxes in front * of dark background (baseColorDark) * Theme default: #282B34 */ /* This color represents e.g. background color for light-mode, * light text color, is base for light borders, ... * Theme default: #FFFFFF (white) */ /* This color represents e.g. light accent background color for boxes in * front of light background (baseColorLight) * Theme default: #F4F6FA */ /* This color represents your primary brand color, e.g. * Accents / Hightlights, Hovers, Buttons, ... * Theme default: #2254FE */ /* ========================================================================== 2. SPECIFIC COLOR DEFINITIONS #scd In this section you have the possibility to set more specific colors for common elements like text, titles, buttons, etc. You can either set HEX values like above or use the variable names on the left to reuse colors you have already defined. The latter is done by default and you can already save and have a look how your previous color changes affect your site. ========================================================================== */ /* Dark / Light background colors */ /* Dark / Light accent background colors */ /* Dark / Light text colors */ /* Dark / Light intro title and title colors * For section intro + title, hero title, author page posts title and * blog overview (layout: 1 column) */ /* Dark / Light Link-Colors for rich-text fields */ /* Primary / Dark / Light button background + text colors */ /* Dark / Light font color for navigation (Header / Footer) */ /* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */ /* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */ /* Social Icon color used for Header Top (light), Author Page, Media Content Split module * Theme default: #C4C8D3 */ /* Form error messages color * Theme default: #F2545B */ /* ========================================================================== 3. FONT AND FONT-SIZES #fs In this section you can configure the web-font(s) you would like to use. A lot of free and commonly used fonts are available at Google Fonts https://fonts.google.com/ There you can select the font and font-weights and use the suggested @import statement here If you have a custom or purchased font, upload the files via file-manager and reference the font format(s) in the @font-face statement You'll find examples for both cases below ========================================================================== */ /* Google Fonts via @import */ /*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap'); */ /*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');*/ /* Custom / Purchased fonts configured via @font-face * * @font-face properties explained: * font-family -> Official / Configured name of the font - this can be overwritten * by the function local within src-attribute if a custom name is desired. * src -> Here the links to the different font-formats uploaded in file-manager * are referenced * *.woff2 - format for all modern browsers * *.woff - format for IE 11 * *.eot - format for IE 6 - IE 8 * *.ttf - format for Safari, Android, iOS * *.svg - format for older iOS devices * font-weight -> Font weight as number (e.g. 700) or name (e.g. bold) * font-style -> Font style e.g. italic * */ /* @font-face { font-family: 'internal_font_name'; src: local('How_you_want_to_call_and_use_the_font'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/YOUR_HUBSPOT_ID/internal_font_name.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @font-face { font-family: "McClatchy Serif"; src: url("https://21456545.fs1.hubspotusercontent-na1.net/hubfs/21456545/fonts/McClatchy_Sans-Regular.woff2") format("woff2"), font-weight: 400; font-style: normal; } @font-face { font-family: "McClatchy Serif"; src: url("https://21456545.fs1.hubspotusercontent-na1.net/hubfs/21456545/fonts/McClatchy-Serif-Medium.woff2") format("woff2"), font-weight: 500; font-style: normal; } @font-face { font-family: "McClatchy Serif"; src: url("https://21456545.fs1.hubspotusercontent-na1.net/hubfs/21456545/fonts/McClatchy_Sans-Semibold.woff2") format("woff2"), font-weight: 600; font-style: bold; } @font-face { font-family: "McClatchy Serif"; src: url("https://21456545.fs1.hubspotusercontent-na1.net/hubfs/21456545/fonts/McClatchy-Serif-Bold.woff2") format("woff2"), font-weight: 700; font-style: bold; } @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* Font family to use in the template * * You can set the names of the fonts you have imported via @import or * @font-face above and optionally configure fall-back fonts (comma-separated) * */ /* You can use a different accent font-family for titles, CTAs, Menu, ... */ /* Switch font smoothing on (true) or off (false) */ /* * Font-sizes IN PIXELS */ /* Font size used in the body and in rich-text fields */ /* Font size used in the blog post body */ /* Font-size for intro title in section modules */ /* Font-size for text description in section modules */ /* Font-size for buttons */ /* Font-sizes for headings */ /* Font-sizes for navigation (header and footer) - we recommend small variations from the default value */ /* * Font-weights */ /* Font weight used in the body */ /* Font weight used in headings */ /* Font weight used in hero title */ /* Font weight for buttons */ /* Font weight Header Top */ /* Font weight Header / Burger */ /* Font weight Footer Titles & Reduced */ /* Font weight Footer Links */ /* Accent text-property for e.g. titles, button-texts, menu, ... * Standard value -> text-transform: uppercase. To deactivate, use empty single quotation */ /* ========================================================================== 4. ROUND EDGES #re 0px is rectangular and 25px already pretty round ========================================================================== */ /* Round edges on buttons */ /* Round edges on inputs */ /* Round edges on checkboxes (max 5px) */ /* Round edges on dropdowns */ /* Round edges on boxes */ /* Round edges on images */ /* ========================================================================== 5. EFFECTS #eff ========================================================================== */ /* Switch 3D box effect on (true) or off (false) */ /* Switch button hover effect on (true) or off (false) */ /* ========================================================================== 6. LAYOUT #lay ========================================================================== */ /* * Main header menu position * * Position in percent. * Automatically centered if header is full-width */ /* Content width in pixel */ /* Section padding in pixel * Relates to 'padding top' and 'padding bottom' setting in modules */ /* Responsive Breakpoints */ /* Mobile responsiveness size reduction factors used by macros */ /* reduces font-sizes for mobile where applicable - by factor e.g. .25 => 25% */ /* Not smaller than ... pixel */ /* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */ /****************************************************************************/ /* */ /* ADDITIONAL NOTE: */ /* */ /* If you would like to further customize and change CSS styles, please */ /* overwrite them in the separate file custom-styles.css, which you will */ /* also find in the folder 'Coded Files'. */ /* */ /* If you need help, we also offer support and customization services. */ /* Visit us on === > https://www.maka-agency.com/ */ /* */ /* Thank you and cheers, */ /* your maka Agency team */ /* */ /****************************************************************************/ /***************************************************************************** INDEX: 1. MACROS #macro 2. BASE #base - Recommended Patches #base-p - Base Styles #base-pbs - Module Base Styles #base-mbs - Standard Module Styles #base-sms - Helper Classes & Shared Styles #base-hc 3. HEADER #head - Header Top #head-t - Header Main #head-m - Header Burger #head-b 4. FOOTER #foot - General / Copyright-Bar #foot-g - Footer Full #foot-f - Footer Reduced #foot-r - Footer Simple Link #foot-s 5. MENU STYLES #menu 6. BUTTONS #btn 7. FORMS #form 8. BLOG #blog - Featured Post #blog-fp - Listing #blog-l - Listing Filter #blog-lf - Post #blog-po - Post Header #blog-ph - Author #blog-a - Pagination #blog-pag - Commments #blog-c 9. 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 - Coming Soon #mod-cs - Standalone - Maintenance or Error #mod-me - Standalone - Previous Next Navigation #mod-pnn - Standalone - Text with TOC #mod-twtoc - Nav - Pillar Page TOC #mod-pptoc - Top - Hero #mod-h - Section Accordion #mod-a - Section Divider #mod-div - Section Client Logo Slider #mod-cls - Section Company Values #mod-cv - Section CTA #mod-cta - Section Form #mod-frm - Section Image Boxes #mod-ib - Section Image Slider #mod-is - Section Map #mod-map - Section Media Content Split #mod-mcs - Section Device Mockup #mod-dm - Section Pricing Tables #mod-pt - Section Blog Posts Preview #mod-bpp - Section Schedule #mod-sdl - Section Services #mod-svs - Section Simple Link List #mod-sll - Section Simple Listing #mod-sli - Section Stats Counter #mod-sc - Section Steps #mod-stp - Section Team #mod-team - Section Testimonial #mod-tes - Section Testimonial Listing #mod-tesl - Section Text #mod-txt - Section Text Tabs #mod-txtt - Section Timeline #mod-tl - Section Video #mod-vid - Section Webinars #mod-web 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 font-sizes for smaller screens */ /* Is used to reduce spacing (padding, margin) for smaller screens */ /* ========================================================================== 2. BASE #base ========================================================================== */ /* ========================================================================== Recommended Patches #base-p ========================================================================== */ /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /* ========================================================================== Base Styles #base-pbs ========================================================================== */ *, *:before, *:after { box-sizing: border-box; } html, body { font-weight: 400; min-height: 100%; margin: 0; padding: 0; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } /* Website background color and default font styles */ body { background-color: #273f57; color: #000000; font-family: Montserrat, sans-serif; font-size: 18px; line-height: 1.6em; } @media (max-width: 767px) { body { font-size: 15px; } } /* Website Wrapper Background Color */ .body-container-wrapper { background-color: #FFFFFF; } .hs-blog-listing .body-container-wrapper { background-color: #273f57; } /* Highlighted Text */ ::-moz-selection { background: #000000; color: #FFFFFF; text-shadow: none; } ::selection { background: #000000; color: #FFFFFF; text-shadow: none; } .pwr--dark::-moz-selection { background: #273f57; color: #FFFFFF; } .pwr--dark::selection { background: #273f57; color: #FFFFFF; } .pwr-form.pwr--light::-moz-selection { background: #FFFFFF; color: #000000; } .pwr-form.pwr--light::selection { background: #FFFFFF; color: #000000; } /* Links */ a { color: #273f57; text-decoration: none; transition: color .4s ease-in-out, opacity .4s ease-in-out; } a:hover { color: #000000; } .pwr--dark .pwr-rich-text a:not(.pwr-cta):not(.cta_button), .pwr-rich-text.pwr--dark a:not(.pwr-cta):not(.cta_button), .pwr--dark .hs_cos_wrapper_type_rich_text a:not(.pwr-cta):not(.cta_button), .hs_cos_wrapper_type_rich_text.pwr--dark a:not(.pwr-cta):not(.cta_button) { color: #273f57; } .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: #273f57; background-color: #273f57; height: 1px; border: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* Preformated Text */ pre { background-color: #273f57; border: 1px solid #000000; min-width: 300px; overflow-x: auto; padding: 20px; } table pre { white-space: pre-wrap; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Montserrat, sans-serif; font-weight: 600; margin-bottom: 0; line-height: 1.6em; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { outline: 0; } h1 { font-size: 60px; } h2 { font-size: 42px; } h3 { font-size: 32px; } h4 { font-size: 24px; } h5 { font-size: 19px; } h6 { font-size: 16px; margin-bottom: 20px; } @media (max-width: 767px) { h1 { font-size: 45px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 15px; } h6 { font-size: 15px; } } @media (max-width: 575px) { h1 { font-size: 34px; } } /* Paragraphs */ p { line-height: 2em; } /* Media */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } video { height: auto; max-width: 100%; outline: 0; } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } /* Lists */ ol { counter-reset: item; -webkit-padding-start: 0; padding-inline-start: 0 } li > ol { -webkit-padding-start: 25px; padding-inline-start: 25px } ol > li { display: block; } ol > li:before { content: counters(item, ".") ""; counter-increment: item; padding-right: 15px; } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul, .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul { -webkit-padding-start: 42px; padding-inline-start: 42px; } .hs_cos_wrapper_type_rich_text li > ul:not(.inputs-list), .pwr-rich-text li > ul, .hs_cos_wrapper_type_post_filter li > ul, .hs_cos_wrapper_type_post_listing li > ul { margin: 15px 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list), .pwr-rich-text ul, .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul, ol { font-weight: 500; line-height: 2.33em; margin: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li, .pwr-rich-text ul li, .hs_cos_wrapper_type_post_filter ul li, .hs_cos_wrapper_type_post_listing ul li { margin: 5px 0 10px; list-style: none; line-height: 2em; position: relative; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:first-child, .pwr-rich-text ul li:first-child, .hs_cos_wrapper_type_post_filter ul li:first-child, .hs_cos_wrapper_type_post_listing ul li:first-child { margin-top: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:last-child, .pwr-rich-text ul li:last-child, .hs_cos_wrapper_type_post_filter ul li:last-child, .hs_cos_wrapper_type_post_listing ul li:last-child { margin-bottom: 0; } .hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:before, .pwr-rich-text ul li:before, .hs_cos_wrapper_type_post_filter ul li:before, .hs_cos_wrapper_type_post_listing ul li:before { background-color: #273f57; content: ""; height: 2px; left: -42px; position: absolute; top: 15px; width: 22px; } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) { -webkit-padding-start: 50px; padding-inline-start: 50px } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:before { background-color: #273f57; border-radius: 100%; content: ""; display: block; height: 24px; left: -50px; position: absolute; top: 4px; width: 24px; } .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:after { border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; content: ""; height: 6px; left: -40px; position: absolute; top: 16px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); width: 6px; } .pwr--dark .pwr-bullet-points ul:not(.hs-error-msgs):not(.inputs-list) li:before, .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:before { background-color: #FFFFFF; } .pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:after { border-color: #273f57; } /* Quotes */ blockquote { border-left: 3px solid #273f57; font-style: italic; font-weight: 500; margin-left: 0; padding-left: 40px; } /* Vector Graphics */ .hs_cos_wrapper_type_icon svg, .pwr-icon svg { display: block; height: 1em; transition: all .4s ease-in-out; width: 1em; } /* ========================================================================== Module Base Styles #base-mbs ========================================================================== */ /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } .row-fluid .span12 { min-height: 0 !important; } /* Blog Social Sharing */ .hs-blog-social-share { height: auto; } .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; margin-right: 20px !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span, .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item-linkedin span.IN-widget { vertical-align: top !important; /* Aligns Facebook and LinkedIn icon with twitter icon */ } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0 } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0 } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2% } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01% } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100% } @media(max-width:568px) { iframe { max-width: 100% } } /* Space Module */ .widget-type-space { visibility: hidden; } /* FlexSlider */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus { outline: 0 } .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav { margin: 0; padding: 0; list-style: none } .hs_cos_flex-slider { margin: 0; padding: 0 } .hs_cos_flex-slider .hs_cos_flex-slides>li { display: none; -webkit-backface-visibility: hidden; position: relative } .hs_cos_flex-slider .hs_cos_flex-slides img { width: 100%; display: block; border-radius: 0px } .hs_cos_flex-pauseplay span { text-transform: none } .hs_cos_flex-slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .hs_cos_flex-slides { display: block } * html .hs_cos_flex-slides { height: 1% } .hs_cos_flex-slider { margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1 } .hs_cos_flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease } .loading .hs_cos_flex-viewport { max-height: 300px } .hs_cos_flex-slider .hs_cos_flex-slides { zoom: 1 } .carousel li { margin-right: 5px } .hs_cos_flex-direction-nav { *height: 0 } .hs_cos_flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease } .hs_cos_flex-direction-nav .hs_cos_flex-next { background-position: 100% 0; right: -36px } .hs_cos_flex-direction-nav .hs_cos_flex-prev { left: -36px } .hs_cos_flex-slider:hover .hs_cos_flex-next { opacity: .8; right: 5px } .hs_cos_flex-slider:hover .hs_cos_flex-prev { opacity: .8; left: 5px } .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover { opacity: 1 } .hs_cos_flex-direction-nav .hs_cos_flex-disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default } .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none } .hs_cos_flex_thumbnavs-direction-nav { *height: 0 } .hs_cos_flex_thumbnavs-direction-nav a { width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next { background-position: 100% 40%; right: 0px } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev { left: 0px } .hs-cos-flex-slider-control-panel img { cursor: pointer } .hs-cos-flex-slider-control-panel img:hover { opacity: .8 } .hs-cos-flex-slider-control-panel { margin-top: -30px } .hs_cos_flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .hs_cos_flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .hs_cos_flex-control-paging li a { width: 11px; height: 11px; display: block; background: #e49162; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) } .hs_cos_flex-control-paging li a:hover { background: #e49162; background: rgba(0, 0, 0, 0.7) } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default } .hs_cos_flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .hs_cos_flex-control-thumbs li { width: 25%; float: left; margin: 0 } .hs_cos_flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .hs_cos_flex-control-thumbs img:hover { opacity: 1 } .hs_cos_flex-control-thumbs .hs_cos_flex-active { opacity: 1; cursor: default } @media screen and (max-width:860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev { opacity: 1; left: 0 } .hs_cos_flex-direction-nav .hs_cos_flex-next { opacity: 1; right: 0 } } .hs_cos_flex-slider .caption { background-color: rgba(0, 0, 0, 0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent } @media all and (max-width:400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* ReCaptcha */ @media all and (max-width:400px) { #recaptcha_area table#recaptcha_table { width: 300px !important } #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: 300px !important } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important } #recaptcha_area table#recaptcha_table #recaptcha_image { width: 280px !important } } /* ========================================================================== Standard Module Styles #base-sms ========================================================================== */ /* Follow Me */ #follow-me-module-header { font-size: 24px; margin: 0 0 20px; } /* Google Search and Password Input */ .hs-search-module label { font-size: 14px; } #hs-pwd-widget-password { height: auto !important; } .hs-search-module .hs-input, .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password { background-color: rgba(0, 0, 0,.05); border: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; 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: #273f57; color: #FFFFFF } /* Site Search Input */ .hs-search-field { position: relative; } .hs-search-field__input { box-sizing: border-box; width: 100%; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; } .hs-search-field__suggestions li:first-child { padding-top: 20px; } .hs-search-field__suggestions #results-for { font-weight: bold; margin-bottom: 10px; } .hs-search-field__suggestions li a { color: #000000; padding: 10px 15px 7px; } .hs-search-field__suggestions a, .hs-search-field__suggestions #results-for { display: block; } .hs-search-field__suggestions a:hover { background-color: rgba(0, 0, 0, .1); } .pwr--dark .hs-search-field__suggestions li a { color: #FFFFFF; } .pwr--dark .hs-search-field__suggestions a:hover { background-color: rgba(255, 255, 255, .075); } /* Images and Galleries */ .hs_cos_wrapper_type_linked_image img { border-radius: 0px; } .hs_cos_wrapper_type_gallery img { border-radius: 0px; } .hs_cos_gallery_lightbox_thumbnails img { border-radius: 0; } .hs_cos_wrapper_type_gallery .slick-prev, .hs_cos_wrapper_type_gallery .slick-next, .hs_cos_gallery_lightbox .slick-prev, .hs_cos_gallery_lightbox .slick-next { height: 25px; width: 20px; } .hs_cos_gallery_lightbox .slick-prev { left: 8px; } .hs_cos_gallery_lightbox .slick-next { right: 3px; } .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before { background-repeat: no-repeat; content: ''; display: block; height: 25px; opacity: 1; width: 20px; } .vex-content.hs-gallery .vex-close:before, .vex-content.hs-gallery .vex-close:after { height: 3px; width: 26px; } .vex-content.hs-gallery .vex-close:hover::after, .vex-content.hs-gallery .vex-close:hover::before { box-shadow: none !important; } .hs_cos_wrapper_type_gallery .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23000000' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .hs_cos_wrapper_type_gallery .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23000000' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-prev:before, .hs_cos_gallery_lightbox .slick-prev:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E"); } .pwr--dark .hs_cos_wrapper_type_gallery .slick-next:before, .hs_cos_gallery_lightbox .slick-next:before { background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23FFFFFF' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E"); } .hs_cos_gallery_lightbox .caption.below { color: #FFFFFF; } .hs_cos_wrapper_type_gallery .slick-dots { line-height: 3px; } .hs_cos_wrapper_type_gallery .slick-dots li { height: auto; width: auto; } .hs_cos_wrapper_type_gallery .slick-dots li button:before { display: none !important; } .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #000000; height: 3px; opacity: .4; padding: 0; transition: opacity 200ms ease; width: 35px; } .hs_cos_wrapper_type_gallery .slick-dots li.slick-active button { background-color: #273f57 !important; opacity: 1; } .pwr--dark .hs_cos_wrapper_type_gallery .slick-dots li button { background-color: #FFFFFF; } /* Post Filter */ .hs_cos_wrapper_type_post_filter h3, .hs_cos_wrapper_type_post_listing h3, .hs_cos_wrapper_type_rss_listing h3 { margin: 0 0 20px; } .hs_cos_wrapper_type_post_filter .filter-expand-link { display: block; margin-top: 15px; } /* RSS Listing */ .hs_cos_wrapper_type_rss_listing .hs-rss-title { font-weight: bold; } /* Headers */ .hs_cos_wrapper_type_section_header .section-header h1 { font-size: 42px; } .hs_cos_wrapper_type_section_header .section-header h1, .hs_cos_wrapper_type_section_header .section-subheader { margin: 0 0 20px; } .hs_cos_wrapper_type_section_header .section-subheader { font-size: 24px; } /* Email Subscription */ .hs_cos_wrapper_type_email_simple_subscription .page-header > h1 { font-size: 32px; margin: 0 0 40px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 { font-size: 19px; margin: 0 0 30px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .email-edit { padding: 10px 0 5px; } .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .hs-button { margin-top: 20px; } .hs_cos_wrapper_type_blog_subscribe .form-title { margin: 0 0 20px; } /* Footer */ .hs_cos_wrapper_type_page_footer footer { margin: 10px 0; display: block; font-size: 12px; } /* ========================================================================== Helper Classes & Shared Styles #base-hc ========================================================================== */ /* Page Center - Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { float: none; max-width: 1200px; margin: 0 auto; } @media (max-width: 1199px) { .container-fluid .row-fluid .page-center { margin-left: 40px; margin-right: 40px; } } /* Anchor ID */ .pwr-anchor--fixed-header { margin-top: -85px; } .pwr-anchor--fixed-header::before { display: block; content: " "; height: 85px; margin-top: -85px; visibility: hidden; } /* Margin Classes */ .pwr--margin-l-0 { margin-left: 0 !important; } .pwr--margin-b-0 { margin-bottom: 0 !important; } .pwr--margin-b-sm { margin-bottom: 10px; } .pwr--margin-b-md { margin-bottom: 20px; } .pwr--margin-b-lg { margin-bottom: 40px !important; } .pwr--margin-b-xl { margin-bottom: 80px; } @media (max-width: 767px) { .pwr--margin-b-sm { margin-bottom: 8px; } .pwr--margin-b-md { margin-bottom: 15px; } .pwr--margin-b-lg { margin-bottom: 30px !important; } .pwr--margin-b-xl { margin-bottom: 60px; } } .pwr--neg-margin-lr-10 { margin-left: -10px; margin-right: -10px; } .pwr--margin-centered { float: none !important; margin-left: auto; margin-right: auto; } /* Padding Classes */ .pwr--padding-l-sm { padding-left: 10px; } .pwr--padding-l-md { padding-left: 20px; } .pwr--padding-l-lg { padding-left: 40px; } .pwr--padding-r-sm { padding-right: 10px; } .pwr--padding-r-lg { padding-right: 40px; } .pwr--padding-t-0 { padding-top: 0 !important; } .pwr--sec-padding-t-sm { padding-top: 40px !important; } .pwr--sec-padding-t-md { padding-top: 80px !important; } .pwr--sec-padding-t-lg { padding-top: 180px !important; } .pwr--padding-b-0 { padding-bottom: 0 !important; } .pwr--padding-b-md { padding-bottom: 20px; } .pwr--sec-padding-b-sm { padding-bottom: 40px !important; } .pwr--sec-padding-b-md { padding-bottom: 80px !important; } .pwr--sec-padding-b-lg { padding-bottom: 180px !important; } .pwr-sec--first-with-header { padding-top: 110px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 190px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header-full { padding-top: 240px; } @media (max-width: 767px) { .pwr--sec-padding-t-sm { padding-top: 30px !important; } .pwr--sec-padding-t-md { padding-top: 60px !important; } .pwr--sec-padding-t-lg { padding-top: 135px !important; } .pwr--sec-padding-b-sm { padding-bottom: 30px !important; } .pwr--sec-padding-b-md { padding-bottom: 60px !important; } .pwr--sec-padding-b-lg { padding-bottom: 135px !important; } } @media (max-width: 575px ) { .pwr-sec--first-with-header { padding-top: 60px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header { padding-top: 140px; } .pwr-sec--first-with-header.pwr-sec--first-with-transparent-header-full { padding-top: 190px; } } /* Text Classes */ .pwr--align-c { text-align: center; } .pwr--align-r { text-align: right; } .pwr--align-l { text-align: left !important; } .pwr--txt-uppercase { text-transform: none; } /* Color Classes */ .pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr--light { background-color: #FFFFFF; color: #000000; } .pwr--txt-light, .pwr--txt-light:hover { color: #FFFFFF; } .pwr--colored-box { background-color: #273f57; border-radius: 0px; color: #000000; overflow: hidden; } .pwr--dark .pwr--colored-box { background-color: #273f57; color: #FFFFFF; } body .pwr--colored-box.pwr--light { background-color: #273f57; color: #000000; } body .pwr--colored-box.pwr--dark { background-color: #273f57; color: #FFFFFF; } /* Positioning Classes */ .pwr--flip-hor { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pwr--relative { position: relative; } .pwr--full-width { width: 100%; padding-left: 80px !important; padding-right: 80px !important; } .pwr--abs-full { height:100%; left:0; position:absolute; top:0; width:100%; } /* Hide */ .pwr--disabled { display: none; } /* Clearfix */ .pwr--clearfix::after { content: " "; display: block; height: 0; clear: both; } /* Rich Text Fields (applied to all template modules) */ .pwr-rich-text { line-height: 2em; } .pwr-rich-text > *:first-child { margin-top: 0; } .pwr-rich-text:not(.pwr-sec-txt__left) > *:last-child, .pwr-rich-text:not(.pwr-tab__content--left) > *:last-child { margin-bottom: 0; } .pwr-rich-text img { border-radius: 0px; } /* Common Properties for Section Intro Title, Title and Description */ .pwr-sec__title-intro { display: block; font-size: 21px; margin-bottom: 15px; line-height: 1.6em; } .pwr-sec__title-intro { color: #000000; } .pwr--dark .pwr-sec__title-intro { color: #FFFFFF; } .pwr-sec__title { margin: 0; } .pwr-sec__title { color: #000000; } .pwr--dark .pwr-sec__title { color: #FFFFFF; } .pwr-sec__title-intro--narrow, .pwr-sec__title--narrow { max-width: 670px; } .pwr--align-c .pwr-sec__title-intro--narrow, .pwr--align-c .pwr-sec__title--narrow { margin-left: auto; margin-right: auto; } .pwr-sec__desc { display: inline-block; font-size: 24px; } .pwr-sec__title + .pwr-sec__desc { margin-top: 25px; } @media (max-width: 767px) { .pwr-sec__title-intro { margin-bottom: 12px; } .pwr-sec__title-intro { font-size: 16px; } .pwr-sec__desc { font-size: 18px; } .pwr-sec__title + .pwr-sec__desc { margin-top: 19px; } } @media (max-width: 575px ) { .pwr-sec__title { word-break: break-word; } } /* Video Background */ .pwr-video-background { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .pwr-video-background__youtube .inline-YTPlayer { max-width: 100vw !important; } .pwr-video-background video, .pwr-video-background .pwr-video-background__youtube { height: auto; max-width: none; min-width: 100%; min-height: 100%; overflow: hidden; position: absolute; width: auto; } .pwr-video-background--pos-bottom video, .pwr-video-background--pos-bottom .pwr-video-background__youtube { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-video-background--pos-center video, .pwr-video-background--pos-center .pwr-video-background__youtube { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .pwr-video-background--pos-left video, .pwr-video-background--pos-left .pwr-video-background__youtube { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-right video, .pwr-video-background--pos-right .pwr-video-background__youtube { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr-video-background--pos-top video, .pwr-video-background--pos-top .pwr-video-background__youtube { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } /* 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(0) scale(1) translateZ(-100px); transform: perspective(0) scale(1) translateZ(-100px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .4s ease-in-out; z-index: 1; } .pwr-3D-box__sensor { border-radius: 0px; height: 100%; overflow: unset; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pwr-3D-box__info-box { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(25px); transform: translateZ(25px); z-index: 1; } .pwr-3D-box__info-box--centered { left: 50%; opacity: 0; position: absolute; text-align: center; -webkit-transform: translate3d(-50%, -50%, 25px); transform: translate3d(-50%, -50%, 25px); transition: opacity .4s ease-in-out; top: 50%; width: 100%; } @media (hover: none) { .pwr-3D-box__sensor { -webkit-transform: none !important; transform: none !important; } } @media (hover: hover) { .pwr-3D-box:hover { -webkit-transform: perspective(1100px) scale(1.05); transform: perspective(1100px) scale(1.05); } .pwr-3D-box--shaddow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .pwr-3D-box:hover .pwr-3D-box--shaddow-on-hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); } } /* Social Icons */ .pwr-social-icon { display: inline-block; fill: currentColor; padding: 0 .7em; vertical-align: middle; } .pwr-social-icon { color: #e49162; } .pwr-social-icon:hover { color: #273f57; } .pwr--dark .pwr-social-icon, .pwr--dark .pwr-social-icon:hover { color: #FFFFFF; } .pwr-social-icon:first-child { padding-left: 0; } .pwr-social-icon:last-child { padding-right: 0; } /* Touch Icon */ .pwr-touch-btn { display: none; } @media (hover: none) { .pwr-touch-btn { background-color: rgba(255, 255, 255, .85); border-radius: 0px; color: #000000; display: block; font-weight: 900; opacity: 1; padding: 8px 15px; position: absolute; right: 12px; top: 12px; transition: opacity .4s ease-in-out; z-index: 500; } .pwr-touch-btn--dark { background-color: rgba(0, 0, 0, .85); color: #FFFFFF; } .pwr-touch-btn-container:hover .pwr-touch-btn { opacity: 0; } .pwr-touch-btn__icon { background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.7,2.1c6.4,0,11.5,5.2,11.5,11.5S20,25.2,13.7,25.2S2.1,20,2.1,13.6S7.3,2.1,13.7,2.1 M13.7,0.1 C6.2,0.1,0.1,6.1,0.1,13.6c0,7.5,6.1,13.5,13.5,13.5c7.5,0,13.5-6.1,13.5-13.5C27.2,6.1,21.1,0.1,13.7,0.1L13.7,0.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.7,9.1c2.5,0,4.5,2,4.5,4.5s-2,4.5-4.5,4.5s-4.5-2-4.5-4.5S11.2,9.1,13.7,9.1 M13.7,7.1 c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5S17.2,7.1,13.7,7.1L13.7,7.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); content: ''; display: inline-block; margin-left: 8px; position: relative; width: 20px; height: 20px; top: 4px; } .pwr-touch-btn--dark .pwr-touch-btn__icon { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.3 27.2' style='enable-background:new 0 0 27.3 27.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.7,2.1c6.4,0,11.5,5.2,11.5,11.5S20,25.2,13.7,25.2S2.1,20,2.1,13.6S7.3,2.1,13.7,2.1 M13.7,0.1 C6.2,0.1,0.1,6.1,0.1,13.6c0,7.5,6.1,13.5,13.5,13.5c7.5,0,13.5-6.1,13.5-13.5C27.2,6.1,21.1,0.1,13.7,0.1L13.7,0.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.7,9.1c2.5,0,4.5,2,4.5,4.5s-2,4.5-4.5,4.5s-4.5-2-4.5-4.5S11.2,9.1,13.7,9.1 M13.7,7.1 c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5S17.2,7.1,13.7,7.1L13.7,7.1z'/%3E%3C/g%3E%3C/svg%3E%0A"); } } /* ========================================================================== 3. HEADER #head ========================================================================== */ /* ========================================================================== Header Top #head-t ========================================================================== */ .pwr-header-top { background-color: #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 12px; font-family: Montserrat, sans-serif; font-weight: 700; padding: 15px 0; position: relative; z-index: 1001; } .pwr-header-top.pwr--dark { background-color: #000000; border-color: rgba(255, 255, 255, .1); } .pwr-header-top--transparent { background-color: transparent !important; position: absolute; left: 0; right: 0; top: 0; } .pwr-header-top__menu { float: left; } .pwr-header-top__social { float: right; } .pwr-header-top__social .pwr-social-icon { transition: none; } .pwr--dark .pwr-header-top__social .pwr-social-icon { color: #FFFFFF; opacity: 1; } .pwr--dark .pwr-header-top__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-top__menu .hs-menu-wrapper li a { color: #000000; display: inline-block; padding: 0; } .pwr-header-top__menu .hs-menu-wrapper li a, .pwr-header-top__social .pwr-social-icon svg { transition: color .2s ease-in-out, opacity .2s ease-in-out; } .pwr-header-top__menu--dark, .pwr-header-top__menu--dark .hs-menu-wrapper li a { color: #FFFFFF; } .pwr-header-top__menu .hs-menu-wrapper li:not(:last-child):after { color: #000000; content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header-top__menu--dark .hs-menu-wrapper li:not(:last-child):after { color: #FFFFFF; } @media (max-width: 575px ) { .pwr-header-top { display: none; } } /* ========================================================================== Header Main #head-m ========================================================================== */ .pwr-header-fixed, .pwr-header-abs { left: 0; right: 0; top: 0; z-index: 100; } .pwr-header.pwr-header-fixed { position: fixed; } .pwr-header-fixed.scroll { box-shadow: -2px 3px 5px rgba(0,0,0,0.1); } .pwr-header.pwr-header-abs { position: absolute; } .pwr-header-fixed__spacer { height: 85px; width: 100%; } .pwr-header { background-color: #FFFFFF; font-size: 14px; font-weight: 700; text-transform: capitalize; position: relative; transition: background 0.4s ease; z-index: 1000; } .pwr-header { -webkit-transform: translateZ(100px); transform: translateZ(100px); } .pwr-header.pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr-header--light-on-scroll.scroll { background-color: #FFFFFF; color: #000000; } .pwr-header--dark-on-scroll.scroll { background-color: #273E56; color: #FFFFFF; } .pwr-header--transparent:not(.scroll) { background-color: transparent; } .pwr-header--padding { padding: 20px 0; } .pwr-header-full { min-height: 45px; position: relative; } .pwr-header-logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo, .pwr-header.pwr--dark:not(.scroll) .pwr-header-logo:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-logo, .pwr-header--dark-on-scroll.scroll .pwr-header-logo:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-logo { color: #000000; } .pwr-header-logo .logo-company-name { font-family: Montserrat, sans-serif; font-size: 28px; margin: 0; display: inline-block; } .pwr-header-logo__img { max-width: 230px; } .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky, .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img, .pwr-header.scroll .pwr-header-logo--has-sticky .hs_cos_wrapper_type_logo { display: none; } .pwr-header.scroll .pwr-header-logo--has-sticky .pwr-header-logo__img--sticky { display: block; } .pwr-header__menu { position: absolute; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr--full-width .pwr-header__menu { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-header__menu--right { left: auto; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-header__menu--right-with-lang { right: 80px; } .pwr-header-right-bar { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .pwr-header-right-bar--with-burger { right: 60px; } .pwr-header-right-bar__item { display: inline; position: relative; } .pwr-header-right-bar .cta_button { margin-left: 30px; } .pwr-header-right-bar__cta:hover { color: #FFFFFF; } .pwr-header-right-bar__link { color: #000000; opacity: 1; transition: color .2s ease-in-out, opacity .2s ease-in-out;; } .pwr-header-right-bar__icon { display: inline-block; fill: currentColor; vertical-align: middle; } .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link, .pwr-header.pwr--dark:not(.scroll) .pwr-header-right-bar__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__link { color: #000000; } .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { content: '|'; padding-right: 12px; padding-left: 12px; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #000000; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item:not(:first-of-type):not(.pwr-header-right-bar__cta):before { color: #000000; } .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { opacity: 0.66; } .pwr-header.pwr--dark .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header.pwr--light .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #000000; } .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-header-right-bar > .pwr-header-right-bar__item .pwr-header-right-bar__link:hover { color: #000000; } .pwr-dropdown { box-shadow: 0px 15px 30px rgba(0,0,0,.05); border-radius: 0px; opacity: 0; position: absolute; top: 58px; text-align: left; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: opacity .4s ease-in-out .2s, visibility .4s ease-in-out .2s; visibility: hidden; z-index: 5; } .pwr-dropdown--phone { left: 50%; padding: 24px; text-transform: none; width: 200px; } .pwr-dropdown--language { left: calc( 50% + 12px ); padding: 22px; text-align: center; width: 90px; } .pwr-dropdown, .pwr-header--light-on-scroll.scroll .pwr-dropdown { background-color: #FFFFFF; } .pwr--dark .pwr-dropdown, .pwr-header--dark-on-scroll.scroll .pwr-dropdown { background-color: #000000; } .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--light-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #000000; } .pwr--dark .pwr-header-right-bar__social .pwr-social-icon, .pwr-header--dark-on-scroll.scroll .pwr-header-right-bar__social .pwr-social-icon { color: #FFFFFF; } .pwr-header-right-bar__social .pwr-social-icon:hover { opacity: 0.66; } .pwr-header-right-bar__phone .pwr-header-right-bar__link { padding: 36px 0; } .pwr-header-right-bar__phone:hover .pwr-dropdown, .pwr-header-right-bar__language-switcher:hover .pwr-dropdown { visibility: visible; opacity: 1; } .pwr-dropdown__title { color: #000000; display: block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 3px; } .pwr-dropdown__link { color: #000000; display: block; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 500; opacity: 0.66; transition-duration: .2s; } a.pwr-dropdown__link:hover { color: #000000; opacity: 1; } .pwr--dark:not(.scroll) .pwr-dropdown__title, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__title, .pwr--dark:not(.scroll) .pwr-dropdown__link, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link, .pwr--dark:not(.scroll) .pwr-dropdown__link:hover, .pwr-header--dark-on-scroll.scroll .pwr-dropdown__link:hover { color: #FFFFFF; } .pwr-header-right-bar__language-link { display: block; font-weight: bold; opacity: 0.66; padding: 2px 0; } /* Header Search Input */ .pwr-header-search { font-size: 18px; height: 115px; left: 0; position: fixed; right: 0; top: -180px; transition: top .6s ease-in-out, background .4s ease-in-out; width: 100vw; z-index: 150; } .pwr-header-search.active { box-shadow: 0px 15px 30px rgba(0,0,0,.05); top: 0; } .pwr-header-search__inner { left: 50%; position: absolute; top: 32px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1200px; } #pwr-header-search__input { background-color: transparent; border: 0; font-size: 18px; font-weight: 500; outline: none; padding: 15px 52px 15px 0; } #pwr-header-search__input::-ms-clear { display: none; } .pwr-header-search .pwr-search-field__icon { right: 55px; } .pwr-header-search .pwr-search-field__icon:not(:hover) svg { fill: currentColor !important; } .pwr-header-search__close { height: 18px; position: absolute; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 18px; } .pwr-header-search__close-icon { left: 50%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 50%; } .pwr-header-search__close:hover .pwr-header-search__close-icon { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-header-search__close-icon::before, .pwr-header-search__close-icon::after { content: ""; position: absolute; transition: background .4s ease-in-out; } .pwr-header-search__close:hover .pwr-header-search__close-icon::before, .pwr-header-search__close:hover .pwr-header-search__close-icon::after { background-color: #273f57; } .pwr-header-search__close-icon::before { left: -9px; width: 20px; height: 2px; } .pwr-header-search__close-icon::after { top: -9px; width: 2px; height: 20px; } .pwr--dark .pwr-header-search, .pwr-header--dark-on-scroll.scroll .pwr-header-search { background-color: #000000; color: #FFFFFF; } .pwr--dark #pwr-header-search__input, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input { color: #FFFFFF; } .pwr--dark #pwr-header-search__input::placeholder, .pwr-header--dark-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(255, 255, 255, .66); } .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--dark .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--dark-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: #FFFFFF; } .pwr--light .pwr-header-search, .pwr-header--light-on-scroll.scroll .pwr-header-search { background-color: #FFFFFF; color: #000000; } .pwr--light #pwr-header-search__input, .pwr-header--light-on-scroll.scroll #pwr-header-search__input { color: #000000; } .pwr--light #pwr-header-search__input::placeholder, .pwr-header--light-on-scroll.scroll #pwr-header-search__input::placeholder { color: rgba(0, 0, 0, .66); } .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr--light .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::before, .pwr-header--light-on-scroll.scroll .pwr-header-search__close:not(:hover) .pwr-header-search__close-icon::after { background-color: #000000; } @media (max-width: 1199px ) { .pwr-header__menu { display: none; } .pwr-header-right-bar { right: 60px; } #pwr-header-search__input { padding: 15px 150px 15px 40px; } .pwr-header-search__close { right: 40px; } .pwr-header-search .pwr-search-field__icon { right: 90px; } } @media (max-width: 767px ) { .pwr-header-right-bar--lp { display: none; } } @media (max-width: 575px ) { .pwr-header-right-bar { display: none !important; } .pwr-header-fixed { top: 0 !important; } } /* ========================================================================== Header Burger #head-b ========================================================================== */ .pwr-burger { background-color: #FFFFFF; box-shadow: 0px 15px 30px rgba(0,0,0,.05); bottom: 0; color: #000000; display: flex; flex-direction: column; font-size: 13px; font-weight: 700; max-width: 100vw; position: fixed; right: -100%; text-transform: capitalize; transition: right .6s ease-in-out, width .4s ease-in-out; top: 0; width: 400px; z-index: 1001; } .pwr-burger { -webkit-transform: translateZ(100px); transform: translateZ(100px); } .pwr-burger.pwr--dark { background-color: #000000; color: #FFFFFF; } .pwr-burger--open { right: 0; } .pwr-burger__menu { flex: 1; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; margin: 28px 30px; } .pwr-burger__trigger-open { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-burger__icon-open { height: 14px; position: relative; width: 20px; } .pwr-burger__icon-open span, .pwr-burger__icon-open:before, .pwr-burger__icon-open:after { display: block; background-color: #000000; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 17px; } .pwr--dark .pwr-burger__icon-open span, .pwr--dark .pwr-burger__icon-open:before, .pwr--dark .pwr-burger__icon-open:after, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--dark-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open span, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:before, .pwr-header--light-on-scroll.scroll .pwr-burger__icon-open:after { background-color: #000000; } .pwr-burger__icon-open:before, .pwr-burger__icon-open:after { content: ' '; } .pwr-burger__icon-open span { top: 50%; } .pwr-burger__icon-open:before { top: 1px; } .pwr-burger__icon-open:after { bottom: 0px; } .pwr-burger__trigger-close { font-size: 15px; display: block; margin: 30px 30px 0; padding-left: 30px; position: relative; text-transform: none; } .pwr-burger__trigger-close, .pwr-burger__trigger-close:hover { color: #000000; } .pwr--dark .pwr-burger__trigger-close, .pwr--dark .pwr-burger__trigger-close:hover { color: #FFFFFF; } .pwr-burger__icon-close { left: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; transition: all .4s ease; top: 10px; } .pwr-burger__trigger-close:hover .pwr-burger__icon-close { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .pwr-burger__icon-close::before, .pwr-burger__icon-close::after { background-color: #000000; content: ""; position: absolute; transition: background .4s ease-in-out; } .pwr-burger__icon-close::before { left: -9px; width: 20px; height: 2px; } .pwr-burger__icon-close::after { top: -9px; width: 2px; height: 20px; } .pwr-burger-bottom-bar { padding: 30px; } .pwr-burger-bottom-bar__item { padding: 8px 15px; } .pwr-burger-bottom-bar__item-link { display: block; } .pwr-burger-bottom-bar__item-link, .pwr-burger-bottom-bar__item-link:hover { color: #000000; } .pwr--dark .pwr-burger-bottom-bar__item-link, .pwr--dark .pwr-burger-bottom-bar__item-link:hover { color: #FFFFFF; } .pwr-burger-bottom-bar__inner { display: none; max-height: 150px; overflow-y: scroll; padding: 10px 0; } .pwr-burger-contact__inner { padding-left: 10px; } .pwr-burger-contact__title { display: inline-block; padding: 5px 0; } .pwr-burger-search__input { color: #000000 !important; font-size: 13px; margin: 5px 0; padding-right: 30px !important; } .pwr-burger-search__input::placeholder { color: rgba(0, 0, 0, .66); } .pwr-burger-search__input::-ms-clear { display: none; } .pwr-burger-search__input + .pwr-search-field__icon { right: 8px; } .pwr-burger .pwr-search-field__icon svg { fill: currentColor !important; } .pwr-burger-language__link { padding: 5px 0 5px 10px; } .pwr-burger-contact__link, .pwr-burger-language__link { color: rgba(0, 0, 0, 0.66); } .pwr--dark .pwr-burger-contact__link, .pwr--dark .pwr-burger-language__link { color: rgba(255, 255, 255, 0.66); } .pwr-burger-social { font-size: 15px; margin-top: 30px; } .pwr-burger-social .pwr-social-icon { color: #000000; opacity: 0.66; } .pwr-burger-social .pwr-social-icon:hover { opacity: 1; } .pwr--dark .pwr-burger-social .pwr-social-icon { color: #FFFFFF; } .pwr--dark .pwr-burger__icon-close::before, .pwr--dark .pwr-burger__icon-close::after { background-color: #FFFFFF; } .pwr--dark .pwr-burger-search__input { color: #FFFFFF !important; } .pwr--dark .pwr-burger-search__input::placeholder { color: rgba(255, 255, 255, .66); } @media (min-width: 1200px ) { .pwr-burger__trigger-open--mobile-only { display: none !important; } } @media (max-width: 991px ) and (orientation: landscape) { .pwr-burger-bottom-bar { display: none; } } /* ========================================================================== 4. FOOTER #foot ========================================================================== */ /* ========================================================================== General / Copyright-Bar #foot-g ========================================================================== */ .pwr-footer { font-size: 14px; overflow: hidden; padding: 25px 0; position: relative; } /* Font and Links */ .pwr-footer { color: #000000; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top) { display: inline-block; transition: color .4s ease-in-out; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top) { color: #000000; } .pwr-footer a:not(.pwr-link):not(.pwr-back-to-top):hover { color: rgba(0, 0, 0, 0.8); } .pwr-footer.pwr--dark { color: #FFFFFF; } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top) { color: rgba(255, 255, 255, 0.8); } .pwr-footer.pwr--dark a:not(.pwr-link):not(.pwr-back-to-top):hover { color: #FFFFFF; } /* Logo */ .pwr-footer__logo { color: #000000; position: relative; } .pwr-footer__logo img { height: auto; } .pwr-footer__logo .logo-company-name { display: inline-block; font-size: 14px; font-weight: 700; margin: 0; text-transform: capitalize; } .pwr--dark .pwr-footer__logo { color: #FFFFFF; } /* Menu */ .pwr-footer footer, .pwr-footer .hs-menu-wrapper, .pwr-footer .hs-menu-wrapper li { display: inline-block; } .pwr-footer .hs-menu-wrapper li { float: none !important; padding-bottom:5px; padding-top: 5px; } .pwr-footer .hs-menu-wrapper li a { display: inline; opacity: 1 !important; padding: 0; } /* Copyright Bar */ .pwr-footer-legal { font-size: 12px; font-weight: 700; position: relative; } .pwr-footer-legal__content { float: left; width: 83.3%; } .pwr-footer--copyright .pwr-footer-legal__content { float: none; width: 100%; } .pwr-footer-legal__content .pwr-footer__item { display: inline-block; } .pwr-footer-legal__content .pwr-footer__item:not(:last-child):after, .pwr-footer-legal__content .pwr-footer__item .hs-menu-wrapper li:not(:last-child):after { content: '|'; padding-right: 15px; padding-left: 15px; } .pwr-footer-legal__back-to-top { float: left; width: 16.7%; } @media (max-width: 991px) { .pwr-footer-legal__content { float: none; width: 100%; } .pwr-footer-legal__content .hs-menu-wrapper > ul li { padding-bottom: 5px; padding-top: 5px; } .pwr-footer .pwr-footer__menu .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-bottom: 20px; margin-left: 0; padding-right: 10px; width: 50%; } .pwr-footer-legal__content .pwr-footer-legal__notice { display: block; } .pwr-footer-legal__content .pwr-footer-legal__notice:after { content: '' !important; padding: 0 !important; } .pwr-footer-legal__menu { margin-top: 10px; } .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1 { width: auto; } .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1, .pwr-footer-legal__menu .hs-menu-wrapper li.hs-menu-depth-1 a { display: inline; } } /* ========================================================================== Footer Full #foot-f ========================================================================== */ .pwr-footer-full { padding-bottom: 60px; padding-top: 100px; } .pwr-footer-company-info { float: left; font-size: 17px; /* basically for social icons */ margin-top: 5px; position: relative; width: 33.33%; z-index: 1; } .pwr-footer__logo--large .logo-company-name { font-size: 18px; } .pwr-footer-company-info__desc { font-size: 14px; max-width: 270px; margin-top: 20px; } .pwr-footer-company-info__desc, .pwr-footer-company-info__icons { color: #000000; } .pwr--dark .pwr-footer-company-info__desc, .pwr--dark .pwr-footer-company-info__icons { color: #FFFFFF; } .pwr-footer-company-info__desc + .pwr-footer-company-info__icons { margin-top: 20px; } .pwr-footer-full__content { padding-bottom: 105px; } .pwr-footer-full__menu { float: left; } .pwr-footer-full__menu--full-width { float: none; width: 100%; } .pwr-footer-full__menu--medium-width { width: 66.66% } .pwr-footer-full__menu--small-width { width: 33.33%; } .pwr-footer-full__menu--7col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 22px; width: calc( 14.286% - 22px ); } .pwr-footer-full__menu--6col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 23px; width: calc( 16.66% - 23px ); } .pwr-footer-full__menu--5col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 24px; width: calc( 20% - 24px ); } .pwr-footer-full__menu--4col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 25px; width: calc( 25% - 25px ); } .pwr-footer-full__menu--3col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 26px; width: calc( 33.33% - 26px ); } .pwr-footer-full__menu--2col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 30px; width: calc( 50% - 30px ); } .pwr-footer-full__menu--1col .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-left: 0; width: 100%; } .pwr-footer-full .hs-menu-wrapper li.hs-menu-depth-1:first-child { margin-left: 0; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 ul.hs-menu-children-wrapper { background-color: transparent; box-shadow: none; left: 0; padding: 0; position: relative; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical > ul li { display: block; margin-top: 0 !important; } .pwr-footer-full .hs-menu-wrapper li > a:hover { color: initial; } .pwr-footer-full__menu li.active-branch > a { background-color: transparent !important; color: inherit !important; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-subscribe__title { color: #000000; display: block; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; padding-bottom: 20px; text-transform: capitalize; } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a, .pwr-footer-full.pwr--dark .pwr-footer-subscribe__title { color: #FFFFFF; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { background-color: transparent; color: #000000; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; margin-left: 0; line-height: 20px; white-space: normal !important; } .pwr-footer-full .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover { color: rgba(0, 0, 0, 0.8); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a { color: rgba(255, 255, 255, 0.8); } .pwr-footer-full.pwr--dark .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a:hover { color: #FFFFFF; } .pwr-footer-full .hs-menu-wrapper li.hs-item-has-children > a:after { display: none; } /* Subscription Form */ .pwr-footer-subscribe { float: left; margin-left: 20px; width: calc( 33.33% - 20px ); } .pwr-footer-subscribe__title { padding-bottom: 25px; } .pwr-footer-subscribe__hint { font-size: 11px; } .pwr-footer-subscribe__form { margin-bottom: 20px; position: relative; text-align: left; } .pwr-footer-subscribe__form .hs-form-required, .pwr-footer-subscribe__form .hs-email > label, .pwr-footer-subscribe__form .hs-field-desc { height: 1px; left: 10000px; overflow: hidden; position: absolute; width: 1px; } .pwr-footer-subscribe__form h3 { display: none; } .pwr-footer-subscribe__form .hs-form .hs-form-field { padding-bottom: 0; } .pwr-footer-subscribe__form .hs-email { margin-bottom: 0 !important; } .pwr-footer-subscribe__form .hs-email .hs-input { background-color: rgba(0, 0, 0,.05); border: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-size: 14px; height: 50px; padding: 16px 20px; } .pwr--dark .pwr-footer-subscribe__form .hs-email .hs-input { background-color: #273f57; color: #FFFFFF } .pwr-footer-subscribe__form .hs-email { display: inline-block; position: relative; width: 70%; vertical-align: top; z-index: 0; } .pwr-footer-subscribe__form .hs-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 0 !important; position: absolute; right: 0; top: 0; width: 30%; vertical-align: top; z-index: 0; } .pwr-footer-subscribe__form .hs-submit .hs-button { margin: 0; padding: 15px 21px !important; width: 100%; } .pwr-footer-subscribe__form .legal-consent-container { font-size: 10px; margin-bottom: 0; margin-top: 15px; } @media (max-width: 575px) { .pwr-footer-subscribe__form .hs-email { width: 60% } .pwr-footer-subscribe__form .hs-submit { width: 40%; } } /* Back to top Button */ .pwr-back-to-top { background-color: #273f57; border-radius: 0px; color: #FFFFFF; cursor: pointer; display: inline-block; height: 57px; font-size: 21px; -webkit-transform: translateY(-35px); transform: translateY(-35px); transition: background .4s ease-in-out; width: 57px; } .pwr-back-to-top:hover { background-color: #000000; color: #FFFFFF; } .pwr-back-to-top__icon { fill: currentColor; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr--dark .pwr-back-to-top:hover { background-color: #FFFFFF; color: #273f57; } @media (max-width: 991px) { .pwr-footer-company-info, .pwr-footer-full__menu, .pwr-footer-subscribe, .pwr-footer-legal__back-to-top { float: none; width: 100%; } .pwr-footer-full__menu + .pwr-footer-subscribe, .pwr-footer-legal__back-to-top { margin-top: 40px; } .pwr-footer-company-info + .pwr-footer-full__menu { margin-top: 70px; } .pwr-footer-company-info__desc { max-width: 100%; } .pwr-footer-subscribe { margin-left: 0; } .pwr-footer-subscribe__form .hs-email { margin-right: 0; } .pwr-back-to-top { position: relative; -webkit-transform: none; transform: none; } .pwr-footer .pwr-footer-full__menu .hs-menu-wrapper li.hs-menu-depth-1 { float: left !important; margin-bottom: 20px; margin-left: 0; padding-right: 10px; width: 50%; } } @media (max-width: 767px) { .pwr-footer-full__content { padding-bottom: 79px; } } /* ========================================================================== Footer Reduced #foot-r ========================================================================== */ .pwr-footer-reduced { padding: 60px 0; } .pwr-footer-reduced__content + .pwr-footer-legal { margin-top: 40px; } .pwr-footer-reduced__logo { float: left; max-width: 16.66%; } .pwr-footer-reduced__statement { float: left; margin-left: 60px; position: relative; width: calc( 50% - 60px ); } .pwr-footer-reduced__menu { float: right; text-transform: capitalize; margin-left: 20px; position: relative; width: calc( 33.33% - 20px ); } .pwr-footer-reduced__menu .hs-menu-wrapper li { line-height: 1em; } .pwr-footer-reduced__menu .hs-menu-wrapper li a { font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; padding: 0 20px !important; transition: all 0.4s ease-in-out; } @media( max-width: 767px ) { .pwr-footer-reduced__logo, .pwr-footer-reduced__statement, .pwr-footer-reduced__menu { float: none; margin-left: 0; width: 100%; } .pwr-footer-reduced__logo + .pwr-footer-reduced__statement, .pwr-footer-reduced__logo + .pwr-footer-reduced__menu, .pwr-footer-reduced__statement + .pwr-footer-reduced__menu { margin-top: 40px; } .pwr-footer-reduced__menu .hs-menu-wrapper li a { padding-left: 0 !important; } } @media( max-width: 575px ) { .pwr-footer-reduced__logo { max-width: 100%; } } /* ========================================================================== Footer Simple Link #foot-s ========================================================================== */ .pwr-footer-link { padding: 140px 0; } .pwr-footer-link__cta { font-family: Montserrat, sans-serif; font-size: 70px; font-weight: bold; height: 1.5em; letter-spacing: -1px; margin-bottom: 40px;; position: relative; } .pwr-link { color: #000000; text-decoration: none; box-shadow: inset 0 -0.382em 0 #273f57; cursor: pointer; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } .pwr-link:hover, .pwr-link:focus { box-shadow: inset 0 -1.5em 0 #273f57; } .pwr--dark .pwr-link, .pwr-link:hover { color: #FFFFFF !important; } .pwr-link-icon { display: inline-block; fill: currentColor; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-link-icon .hs_cos_wrapper_type_icon svg { transition: none; } .pwr-footer-link__cta .pwr-link { position: relative; top: .6em; } .pwr-footer-link__copyright, .pwr-footer-link__copyright span { font-size: 12px; position: relative; } .pwr-footer-link__icons { font-size: 19px; margin-top: 40px; position: relative; } @media (max-width: 767px) { .pwr-footer-link { padding: 105px 0; } .pwr-footer-link__cta { font-size: 53px; } } @media (max-width: 575px ) { .pwr-footer-link__cta { font-size: 30px; height: auto; line-height: 1.5em; white-space: normal; word-break: break-all; } } /* ========================================================================== 5. MENU STYLES #menu ========================================================================== */ .pwr-js-menu--translated { display: none; } .pwr-header__menu--mega-menu { font-size: 13px; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em } .hs-menu-wrapper ul { margin: 0; list-style: none; padding: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { display: inline-block; margin-bottom: 20px; } .pwr-burger__menu .hs-menu-wrapper > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden } .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0px; box-shadow: 0px 15px 30px rgba(0,0,0,.05); min-width: 190px; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; text-align: left; -webkit-font-smoothing: antialiased !important; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-item-has-children:hover ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper { transition: opacity 0s linear .2s, visibility 0s linear .2s; } .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-item-has-children:hover ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper { transition: opacity .4s ease-in-out, visibility .4s ease-in-out; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 23px 0; } .pwr-burger__menu .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0; } .pwr-burger__menu .hs-menu-wrapper.no-flyouts li.hs-menu-depth-1 > ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts li.hs-menu-depth-1 > ul { margin-right: 10px; } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 20px; } .pwr-burger__menu .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts li.hs-menu-depth-1 { margin-top: 0; } .hs-menu-wrapper.no-flyouts li.hs-menu-depth-2 ul.hs-menu-children-wrapper { box-shadow: none; } .hs-menu-wrapper ul.hs-menu-children-wrapper, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #FFFFFF; } .pwr--dark .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #273f57; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper ul.hs-menu-children-wrapper, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: #000000; } .hs-menu-wrapper.flyouts ul.hs-menu-children-wrapper { position: absolute; visibility: hidden; z-index: 10; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { left: -4px; top: calc( 100% + 4px ); } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts li.hs-menu-depth-2 ul.hs-menu-children-wrapper { left: calc(100% + 5px); top: -23px; } .hs-menu-wrapper.flyouts li.hs-item-has-children:hover > ul.hs-menu-children-wrapper, .hs-menu-wrapper.no-flyouts ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-show-active-branch ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper { display: block; opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.hs-item-has-children, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper { position: static } .pwr-burger__menu .hs-menu-wrapper ul.hs-menu-children-wrapper { background-color: transparent; box-shadow: none; display: none; min-width: 0; left: 0 !important; overflow: hidden; position: relative; top: 0 !important; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { display: flex !important; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-1:hover li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { box-shadow: none; left: 0 !important; margin-right: 1px; width: 220px; position: relative; top: -10px !important; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper ul.hs-menu-children-wrapper { border-radius: 0; } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { flex-wrap: wrap; width: 100vw; } .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { border-top: 1px solid rgba(255, 255, 255,.2); top: calc( 100% - 1px); } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { max-width: 1200px; } .pwr-header__menu--mega-menu-content-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper, .pwr-header__menu--mega-menu-screen-width .hs-menu-wrapper li.hs-menu-depth-2 > ul.hs-menu-children-wrapper { width: auto; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 { display: inline-block; flex: 1; vertical-align: top; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(0, 0, 0, .2); bottom: 25px; content: ''; display: block; position: absolute; right: 0; top: 33px; width: 1px; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:not(:last-child):after { background-color: rgba(255, 255, 255, .2); } .hs-menu-wrapper li a { color: #000000; display: block; font-family: Montserrat, sans-serif; margin: 0 15px; line-height: 1em; padding: 15px; position: relative; transition: background-color .2s ease-in-out, color .2s ease-in-out; } .hs-menu-wrapper.hs-menu-flow-vertical li a, .pwr-burger__menu .hs-menu-wrapper li a { width: auto; } .pwr-burger__menu .hs-menu-wrapper li a { margin: 0 !important; line-height: 1.6em; opacity: 1 !important; padding: 8px 15px 6px; transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out; white-space: normal !important; } .pwr-burger__menu .hs-menu-wrapper li a, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; } .hs-menu-wrapper ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-2 a { white-space: normal; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } .hs-menu-wrapper li.hs-item-has-children > a { padding-right: 30px; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a { padding-right: 37px; } .hs-menu-wrapper li.hs-item-has-children > a:after { box-shadow: inset -2px 2px 0 0; color: #000000; content: ""; display: block; height: 7px; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); transition: transform .15s ease-in-out; width: 7px; } .pwr-header__menu--mega-menu .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-depth-3 a:after { display: none; } .pwr-burger__menu .hs-menu-wrapper li.hs-item-has-children > a:after { right: 15px; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts li.hs-item-has-children:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts li.hs-item-has-children:hover > a:after { -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); } .pwr-burger__menu .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children:hover > a:after { -webkit-transform: translate(0, -5px) rotate(135deg); transform: translate(0, -5px) rotate(135deg); } .hs-menu-wrapper li.hs-menu-depth-1 > a { margin: 0; opacity: 1; } .pwr-header__menu .hs-menu-wrapper li.hs-menu-depth-1 > a { padding: 36px 25px; } .pwr-header__menu .hs-menu-wrapper li.hs-menu-depth-1.hs-item-has-children > a { padding-right: 30px; } .hs-menu-wrapper.flyouts li:not(.hs-menu-depth-1):first-child > a { margin-top: 23px; } .hs-menu-wrapper.flyouts li:not(.hs-menu-depth-1):last-child > a { margin-bottom: 23px; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:not(.hs-item-has-children):first-child > a, .hs_cos_wrapper_type_simple_menu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:first-child > a { padding-left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:not(.hs-item-has-children):last-child > a { padding-right: 0; } .pwr-header__menu--mega-menu .hs-menu-wrapper li:not(.hs-menu-depth-1) > a { padding: 10px 15px; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a { margin-top: 23px; margin-bottom: 0 !important; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a { cursor: default; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2 > a:after { display: none; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:first-child > a { margin-top: 8px; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:last-child > a { margin-bottom: 27px; } .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > a { padding-left: 0 } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a { padding-left: 15px } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-2 > a, .hs-menu-wrapper.no-flyouts li.hs-menu-depth-3 > a { padding-left: 30px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-3 > a, .hs-menu-wrapper.no-flyouts li.hs-menu-depth-4 > a { padding-left: 45px; } .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-4 > a, .hs-menu-wrapper.no-flyouts li.hs-menu-depth-5 > a { padding-left: 60px; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px } .hs-menu-wrapper li.hs-menu-depth-1:hover > a, .hs-menu-wrapper li.hs-menu-depth-1.active-branch > a { opacity: 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: #273f57; } .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a, .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a:after, .hs-menu-wrapper li.active-branch:not(.hs-menu-depth-1) > a:after { color: #FFFFFF; } .pwr--dark .hs-menu-wrapper li a, .pwr--dark .hs-menu-wrapper li a:after { color: #FFFFFF; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu .hs-menu-wrapper li a:after, .pwr-header--dark-on-scroll.scroll .hs-menu-wrapper li a:after { color: #FFFFFF; } .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li:not(:hover):not(.active-branch) a:after, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr-header--light-on-scroll.scroll .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: #000000; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3 > a { opacity: 0.66; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { background-color: transparent; color: #000000; } .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-2:hover > a, .pwr-header.pwr--dark:not(.scroll) .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a, .pwr-header--dark-on-scroll.scroll .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-2 > a { color: #FFFFFF; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a { background-color: #273f57; opacity: 1; } .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a, .pwr-header__menu--mega-menu .hs-menu-wrapper li.hs-menu-depth-3:hover > a:after, .pwr-header__menu--mega-menu .hs-menu-wrapper li.active-branch.hs-menu-depth-3 > a:after { color: #FFFFFF; } .pwr-burger .hs-menu-wrapper li.active-branch > a { background-color: #273f57; } .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: #273f57; } .pwr-burger .hs-menu-wrapper li:hover > a, .pwr-burger .hs-menu-wrapper li:hover > a:after { color: #FFFFFF; } } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.hs-menu-depth-1 > a:after { color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li:hover > a:after, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li.active-branch > a:after{ color: #FFFFFF; } .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a, .pwr--dark .pwr-burger__menu .hs-menu-wrapper li > a:after { color: rgba(255, 255, 255, .5); } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal li a, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch li.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } /* Header Menu with Header Top - Keep it like on desktop till mobile sizes */ .pwr-header-top .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 { float: left; display: inline; width: auto; } .pwr-header-top .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1 a { display: inline; } } /* ========================================================================== 6. BUTTONS #btn ========================================================================== */ body form > input[type="submit"], body form > input[type="button"], body #email-prefs-form .hs-button, body .hs-search-module .hs-button { background-color: #273f57; border-radius: 0px; border-width: 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; opacity: 1 !important; padding: 15px 21px; transition: all .4s ease-in-out; text-transform: capitalize; } 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: #000000; } 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: #000000; } .hs-submit { display: inline-block; margin-top: 40px; padding: 0 !important; } @media (max-width: 767px ) { .hs-submit { margin-top: 20px; } } .hs-submit .hs-button { background-color: transparent; border: inherit; cursor: pointer; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; padding: 0; text-align: center; text-transform: inherit; width: 100%; } body .hs-button:focus, body input[type="submit"]:focus, body input[type="button"]:focus { outline: none; } .pwr-cta-container__cta { display: inline-block; margin: 0 10px 10px; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { border: 0; border-radius: 0px; display: inline-block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6em; text-transform: capitalize; z-index: 0; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit { opacity: 1 !important; letter-spacing: .5px; overflow: hidden; padding: 15px 21px; position: relative; transition: all .4s ease-in-out; } .hs-submit .hs-button { padding: 15px 21px; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border .hs-submit, .cta_button.pwr-cta--regular-border, .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border .hs-submit, .cta_button.pwr-cta--primary-border { border-style: solid; border-width: 2px; padding: 13px 19px; } .pwr-btn--regular-border .hs-submit .hs-button, .pwr-btn--primary-border .hs-submit .hs-button { padding: 13px 19px; } .cta_button:not(.pwr-cta--hubspot-style):before, .cta_button:not(.pwr-cta--hubspot-style):after, .hs-submit:before, .hs-submit:after { bottom: 0; display: block; content: ''; left: 0; position: absolute; transition: all .4s ease-in-out; width: 100%; z-index: -1; } .cta_button:not(.pwr-cta--hubspot-style):before, .hs-submit:before { top: 0; } .cta_button:not(.pwr-cta--hubspot-style):after, .hs-submit:after { height: 0; } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover:after { height: 100%; } .cta_button.pwr-cta--long, .pwr-cta--long .cta_button:not(.pwr-cta--hubspot-style), .pwr-btn--long .hs-submit .hs-button, .hs-submit .hs-button.large { padding-left: 41px; padding-right: 41px; } .pwr-cta--regular-border .cta_button.pwr-cta--long, .cta_button.pwr-cta--regular-border.pwr-cta--long, .pwr-cta--regular-border.pwr-cta--long .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border.pwr-cta--long .hs-submit .hs-button, .pwr-btn--regular-border .hs-submit .hs-button.large, .pwr-cta--primary-border .cta_button.pwr-cta--long, .cta_button.pwr-cta--primary-border.pwr-cta--long, .pwr-cta--primary-border.pwr-cta--long .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--primary-border.pwr-cta--long .hs-submit .hs-button, .pwr-btn--primary-border .hs-submit .hs-button.large { padding-left: 39px; padding-right: 39px; } .cta_button:not(.pwr-cta--hubspot-style):before, .hs-submit:before, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--primary-solid:before, .pwr-btn--primary-solid .hs-submit:before, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:before { background-color: #273f57; } .cta_button:not(.pwr-cta--hubspot-style), .hs-submit, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--primary-solid, .pwr-btn--primary-solid .hs-submit, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit { color: #FFFFFF; } .cta_button:not(.pwr-cta--hubspot-style):hover:after, .hs-submit:hover:after, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover:after { background-color: #000000; } .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .hs-submit:hover, .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--primary-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .hs-submit:hover:after, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--primary-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover:after, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .pwr--dark .cta_button:not(.pwr-cta--hubspot-style):not(.pwr-cta--link):hover, .pwr-header--dark-on-scroll.scroll .cta_button:not(.pwr-cta--hubspot-style):hover, .pwr--dark .hs-submit:hover, .pwr--dark .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--primary-solid:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--primary-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--primary-solid .hs-submit:hover, .pwr-form.pwr-btn--primary-solid.pwr--dark .hs-submit:hover { color: #000000; } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-solid:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-solid .hs-submit:before, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:before { background-color: #000000; } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-solid, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-solid .hs-submit, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit { color: #FFFFFF; } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid .hs-submit:hover:after, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover:after { background-color: #273f57; } .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-solid:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid .hs-submit:hover, .pwr-form.pwr-btn--regular-solid.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-solid:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-solid .hs-submit:before, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:before { background-color: #FFFFFF; } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--regular-solid, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .pwr-btn--regular-solid .hs-submit, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit { color: #000000; } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-solid:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover:after, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover:after { background-color: #273f57; } .pwr--dark .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-solid .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-solid .hs-submit:hover, .pwr-form.pwr-btn--regular-solid.pwr--dark .hs-submit:hover { color: #FFFFFF; } .pwr--dark .cta_button.pwr-cta--regular-solid:hover { color: #FFFFFF !important; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-solid-primary-background:before, .pwr-btn--regular-solid-primary-background .hs-submit:before { background-color: #FFFFFF; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-solid-primary-background, .pwr-btn--regular-solid-primary-background .hs-submit { color: #000000; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-solid-primary-background .hs-submit:hover:after { background-color: #000000; } .cta_button.pwr-cta--regular-solid-primary-background:hover:after { background-color: #000000 !important; } .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-solid-primary-background .hs-submit:hover { color: #FFFFFF; } .cta_button.pwr-cta--regular-solid-primary-background:hover { color: #FFFFFF !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--primary-border:before, .pwr-btn--primary-border .hs-submit:before { background-color: transparent; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--primary-border, .pwr-btn--primary-border .hs-submit { border-color: #273f57; color: #273f57; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--primary-border .hs-submit:hover:after { background-color: #273f57; } .cta_button.pwr-cta--primary-border:hover:after { background-color: #273f57 !important; } .pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--primary-border .hs-submit:hover { color: #FFFFFF; } .cta_button.pwr-cta--primary-border:hover { color: #FFFFFF !important; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--regular-border:before, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr-btn--regular-border .hs-submit:before, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:before { background-color: transparent; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--regular-border, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr-btn--regular-border .hs-submit, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit { border-color: #000000; color: #000000; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr-btn--regular-border .hs-submit:hover:after, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover:after { background-color: #000000; } .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .cta_button.pwr-cta--regular-border:hover, .pwr-header--light-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr-btn--regular-border .hs-submit:hover, .pwr-form.pwr-btn--regular-border.pwr--light .hs-submit:hover { color: #FFFFFF; } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--regular-border:not(.pwr-cta--hubspot-style):before, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .pwr-btn--regular-border .hs-submit:before, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:before { background-color: transparent; } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--regular-border, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .pwr-btn--regular-border .hs-submit, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit { border-color: #FFFFFF; color: #FFFFFF; } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .cta_button.pwr-cta--regular-border:hover:after, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .pwr--dark .pwr-btn--regular-border .hs-submit:hover:after, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover:after { background-color: #FFFFFF; } .pwr--dark .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .cta_button.pwr-cta--regular-border:hover, .pwr-header--dark-on-scroll.scroll .pwr-cta--regular-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover, .pwr--dark .pwr-btn--regular-border .hs-submit:hover, .pwr-form.pwr-btn--regular-border.pwr--dark .hs-submit:hover { color: #000000; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link { background-color: transparent; box-shadow: none; margin-right: 20px; overflow: visible; padding: 0; position: relative; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button.pwr-cta--link, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before { color: #273f57; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before, .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link:after { content: ""; display: block; position: absolute; transition: all 0.5s ease-in-out; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .cta_button.pwr-cta--link:before { background-color: transparent; bottom: auto; left: auto; top: 50%; right: -20px; width: 8px; height: 8px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -4px) rotate(45deg); transform: translate(0, -4px) rotate(45deg); box-shadow: inset -2px 2px 0 0; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .cta_button.pwr-cta--link:after { bottom: auto; left: auto; top: 50%; right: -20px; width: 10px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); background-color: #273f57; } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:before, .cta_button.pwr-cta--link:hover:before { -webkit-transform: translate(4px, -4px) rotate(45deg); transform: translate(4px, -4px) rotate(45deg); } .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after, .cta_button.pwr-cta--link:hover:after { background-color: #273f57; -webkit-transform: translate(4px, -1px); transform: translate(4px, -1px); height: 2px; } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .pwr--dark .cta_button.pwr-cta--link, .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):before, .pwr--dark .cta_button.pwr-cta--link:not(.pwr-cta--hubspot-style):before { color: #FFFFFF; } .pwr--dark .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):after, .pwr--dark .cta_button.pwr-cta--link:after { background-color: #FFFFFF !important; } @media (max-width: 767px) { .pwr-cta--link .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style), .cta_button:not(.pwr-cta--hubspot-style) { font-size: 17px; } } /* ========================================================================== 7. FORMS #form ========================================================================== */ /* All Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 40px; text-align: left; } /* Labels */ body .hs-form-field > label { color: #000000; font-size: 14px; font-weight: 500; } body .pwr--dark .hs-form-field > label, body .pwr-form.pwr--dark .hs-form-field > label { color: #FFFFFF; } body .pwr--light .hs-form-field > label, body .pwr-form.pwr--light .hs-form-field > label { color: #000000; } body .hs-form-field > label .hs-form-required { padding-left: 10px; } /* Descriptions / Help-Text */ body .hs-field-desc { font-size: 14px; font-weight: 300; padding: 5px 0; } /* Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { box-shadow: none; color: #000000; height: auto; font-family: Montserrat, sans-serif; font-size: 18px; padding: 10px 0 5px; width: 100%; } body textarea { min-height: 7em; } .hs-dateinput { position: relative; } .hs-dateinput:before { background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); content: ''; position: absolute; width: 15px; height: 15px; top: 14px; } .pwr--dark .hs-dateinput:before, .pwr-form.pwr--dark .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .pwr-form.pwr--light .hs-dateinput:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E"); } .hs-dateinput > .hs-input { padding-left: 25px !important; } .hs-dateinput .fn-date-picker .is-today .pika-button { color: #273f57; } .hs-dateinput .fn-date-picker .is-selected .pika-button { background: #273f57; } .hs-dateinput .fn-date-picker .pika-button:hover { background: #000000 !important; } .hs-recaptcha { margin: 30px 0 20px !important } .hs-recaptcha .grecaptcha-badge { box-shadow: none !important; } body select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .8em auto, 100%; border-radius: 0; display: block; 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%23273f57%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body .pwr--dark select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } body select::-ms-expand { display: none; } body select option { font-weight:normal; } body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { background-color: transparent; border-color: #000000; border-width: 0 0 2px; } body .pwr--dark input[type="text"], body .pwr--dark input[type="password"], body .pwr--dark input[type="datetime"], body .pwr--dark input[type="datetime-local"], body .pwr--dark input[type="date"], body .pwr--dark input[type="month"], body .pwr--dark input[type="time"], body .pwr--dark input[type="week"], body .pwr--dark input[type="number"], body .pwr--dark input[type="email"], body .pwr--dark input[type="url"], body .pwr--dark input[type="search"], body .pwr--dark input[type="tel"], body .pwr--dark input[type="color"], body .pwr--dark input[type="file"], body .pwr--dark textarea, body .pwr--dark select { border-color: 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: #273f57; 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 { background-color: transparent; border-color: #000000; border-width: 0 0 2px; color: #000000; } body .pwr-form.pwr--dark input[type="text"], body .pwr-form.pwr--dark input[type="password"], body .pwr-form.pwr--dark input[type="datetime"], body .pwr-form.pwr--dark input[type="datetime-local"], body .pwr-form.pwr--dark input[type="date"], body .pwr-form.pwr--dark input[type="month"], body .pwr-form.pwr--dark input[type="time"], body .pwr-form.pwr--dark input[type="week"], body .pwr-form.pwr--dark input[type="number"], body .pwr-form.pwr--dark input[type="email"], body .pwr-form.pwr--dark input[type="url"], body .pwr-form.pwr--dark input[type="search"], body .pwr-form.pwr--dark input[type="tel"], body .pwr-form.pwr--dark input[type="color"], body .pwr-form.pwr--dark input[type="file"], body .pwr-form.pwr--dark textarea, body .pwr-form.pwr--dark select { border-color: 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: #273f57; outline: none; } body .pwr-form.pwr--dark input[type="text"]:focus, body .pwr-form.pwr--dark input[type="password"]:focus, body .pwr-form.pwr--dark input[type="datetime"]:focus, body .pwr-form.pwr--dark input[type="datetime-local"]:focus, body .pwr-form.pwr--dark input[type="date"]:focus, body .pwr-form.pwr--dark input[type="month"]:focus, body .pwr-form.pwr--dark input[type="time"]:focus, body .pwr-form.pwr--dark input[type="week"]:focus, body .pwr-form.pwr--dark input[type="number"]:focus, body .pwr-form.pwr--dark input[type="email"]:focus, body .pwr-form.pwr--dark input[type="url"]:focus, body .pwr-form.pwr--dark input[type="search"]:focus, body .pwr-form.pwr--dark input[type="tel"]:focus, body .pwr-form.pwr--dark input[type="color"]:focus, body .pwr-form.pwr--dark input[type="file"]:focus, body .pwr-form.pwr--dark textarea:focus, body .pwr-form.pwr--dark select:focus { border-color: #FFFFFF; } /* Ignore Hubspots Form Title for Form Modules */ body .pwr-form .hs_cos_wrapper.form-title { display: none; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } /* Placeholder Text */ ::placeholder { color: rgba(0, 0, 0, .66); } .pwr--dark ::placeholder { color: rgba(255, 255, 255, .66); } /* Error messages */ body form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs { color: #e49162; font-size: 18px; font-weight: 500; list-style: none; padding-left: 0; } body .pwr--dark form.hs-form ul.inputs-list.hs-error-msgs, body .pwr-form.pwr--dark form.hs-form ul.inputs-list.hs-error-msgs { color: #FFFFFF; font-size: 13px; font-weight: 900; text-transform: capitalize; } /* Legal consent */ .legal-consent-container { font-size: 14px; margin-bottom: 20px; } /* Cookie Reset Message */ .cookie-reset-container { margin-bottom: 20px !important; } .cookie-reset-container a, .cookie-reset-container a:hover { color: #000000; } .pwr--dark .cookie-reset-container a, .pwr--dark .cookie-reset-container a:hover { color: #FFFFFF; } .pwr-form.pwr--light .cookie-reset-container a, .pwr-form.pwr--light .cookie-reset-container a:hover { color: #000000; } .pwr-footer-subscribe__form .cookie-reset-container, .pwr-sidebar-widget-form .cookie-reset-container { bottom: -13px; font-size: 11px; font-weight: bold; margin: 0 !important; line-height: 1em; opacity: .65; position: absolute; z-index: 1; } /* Checkboxes and Radio Buttons */ .pwr--align-c .hs-form-booleancheckbox-display { display: block; text-align: center; } [type="radio"]:checked, [type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } [type="checkbox"]:checked + span, [type="checkbox"]:not(:checked) + span { position: relative; padding-left: 50px !important; cursor: pointer; display: inline-block !important; margin:7px 0px !important; text-transform:none; padding-top: 1px; } [type="checkbox"] + span:before { background-color: rgba(0, 0, 0,.05) !important; border-radius: 0px; 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: #273f57; border-radius: 0px; 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: #273f57 !important; } .pwr-form.pwr--light [type="checkbox"] + span:before { background-color: rgba(0, 0, 0,.05) !important; } .pwr-form.pwr--dark [type="checkbox"] + span:before { background-color: #FFFFFF !important; } [type="radio"]:checked + span, [type="radio"]:not(:checked) + span { cursor: pointer; display: inline-block; line-height: 24px; position: relative; padding-bottom: 20px; padding-left: 50px; } [type="radio"]:checked + span:after, [type="radio"]:not(:checked) + span:after { background-color: rgba(0, 0, 0,.05) !important; border-radius: 100%; content: ''; height: 24px; left: 0; position: absolute; top: 0; width: 24px; z-index: 0; } [type="radio"]:checked + span:before { background-color: #273f57; 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: #273f57 !important; } .pwr-form.pwr--light [type="radio"] + span:after, .pwr-form.pwr--dark [type="radio"] + span:after { background-color: rgba(0, 0, 0,.05) !important; } .submitted-message { font-weight: 600; text-align: center; } /* Hubspot Form Module ========================================================================== */ /* Form Title */ .hs_cos_wrapper_type_form .form-title { margin: 0 0 60px; } @media (max-width: 767px) { .hs_cos_wrapper_type_form .form-title { margin: 0 0 45px; } } #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: 575px ) { body form.hs-form fieldset { margin-right: 0; } body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== 8. BLOG #blog ========================================================================== */ /* ========================================================================== Featured Post #blog-fp ========================================================================== */ .pwr-post-featured { border-radius: 0px; height: 630px; margin: 40px auto; max-width: 1200px; overflow: hidden; position: relative; z-index: 0; } .pwr-post-featured--small { height: 450px; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 160px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 210px; } .pwr-post-featured__info-box { position: absolute; bottom: 90px; left: 40px; right: 40px; } .pwr-post-featured__title { line-height: 1.18em; margin: 10px 0 0; max-width: 600px; text-transform: capitalize; } .pwr-post-featured__desc { line-height: 30px; margin: 25px 0 40px; max-width: 800px; } @media (max-width: 1199px) { .pwr-post-featured { margin-left: 40px; margin-right: 40px; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 125px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 175px; } .pwr-post-featured__info-box { bottom: 80px; } } @media (max-width: 767px ) { .pwr-post-featured { margin-bottom: 38px; } } @media (max-width: 575px) { .pwr-post-featured, .pwr-post-featured--small { border-radius: 0; height: auto !important; min-height: 250px; } .pwr-post-featured { margin-left: 0; margin-right: 0; } .pwr-post-featured--transparent-header.pwr-post-featured { margin-top: 85px; } .pwr-post-featured--transparent-header-full.pwr-post-featured { margin-top: 135px; } .pwr-post-featured__info-box { bottom: auto; margin: 80px 40px 60px; left: 0; position: relative; right: 0; } } /* ========================================================================== Listing #blog-l ========================================================================== */ .pwr-blog-listing { background-color: #FFFFFF; padding-top: 50px; position: relative; z-index: 0; } .pwr-blog-listing--author-page { background-color: #FFFFFF; padding-top: 0; } .pwr-blog-listing__content { padding-bottom: 80px; } .pwr-blog-listing__posts--sidebar { float: left; width: 70%; } .pwr-blog-listing__sidebar { float: left; margin-left: 40px; margin-top: 10px; width: calc( 30% - 40px ); } .pwr-sidebar-widget { margin-bottom: 40px; margin-left: auto; max-width: 300px; } .pwr-sidebar-widget__title { margin-bottom: 20px; margin-top: 0; text-transform: capitalize; } .pwr-sidebar-widget__desc { padding-bottom: 25px; line-height: 1.88em; } .pwr-sidebar-widget-posts { padding: 5px 0 10px; } .pwr-sidebar-widget-posts__link { color: #000000; display: block; font-weight: 500; padding-bottom: 5px; } .pwr-sidebar-widget-posts__link:hover { color: #273f57; } .pwr-sidebar-widget-posts__date { color: rgba(0, 0, 0, .5); display: inline-block; font-size: 14px; font-weight: 500; padding-bottom: 20px; } .pwr-sidebar-widget-cats { padding: 10px 0 25px; } .pwr-sidebar-widget-cats__link { background-color: #FFFFFF; border-radius: 0px; color: #000000; display: inline-block; float: left; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; margin: 0 10px 10px 0; padding: 15px 21px; text-transform: capitalize; } .pwr-sidebar-widget-cats__link:hover, .pwr-sidebar-widget-cats__link.active { color: #273f57; } .pwr-sidebar-widget-form { margin-bottom: 60px; position: relative; text-align: left; background-color: #fff; } .pwr-sidebar-widget-form .hs-form-required, .pwr-sidebar-widget-form .hs-email > label, .pwr-sidebar-widget-form .hs-field-desc { height: 1px; left: 10000px; /*overflow: hidden; position: absolute;*/ width: 1px; } .pwr-sidebar-widget-form h3 { display: none; } .pwr-sidebar-widget-form .hs-form .hs-form-field { padding-bottom: 0; } .pwr-sidebar-widget-form .hs-email { margin-bottom: 0; overflow: hidden; width: 286px; } .pwr-sidebar-widget-form .hs-email .hs-input { background-color: #FFFFFF; border: 1px solid #000; border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-size: 14px; height: 50px; padding: 16px 20px; width: 100%; } .pwr-sidebar-widget-form .hs-email { display: inline-block; position: unset; width: 100%; vertical-align: top; z-index: 0; } .pwr-sidebar-widget-form .hs-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 10px !important; right: 0; position: unset; top: 0; vertical-align: top; width: 100%; z-index: 0; background-color: #125da6; } .pwr-sidebar-widget-form .hs-submit .hs-button { padding: 15px 21px !important; width: 100%; } .pwr-sidebar-widget-form .legal-consent-container { font-size: 12px; margin-bottom: 0; margin-top: 30px; } .pwr-post-item-simple { margin: 0 10px .83em; text-transform: capitalize; } .pwr-post-item { color: #000000; display: inline-block; height: 480px; float: left; margin: 10px; position: relative; width: calc( 33.33% - 20px ); z-index: 1; } .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } .pwr-post-item--1col { border-bottom: 1px solid rgba(#000000,.1); height: auto; float: none; margin: 10px 0 45px; width: 100%; max-width: 815px; } .pwr-post-item--1col-centered { display: block; margin: 0 auto 55px; } .pwr-blog-listing:not(.pwr-blog-listing--author-page) .pwr-post-item__content { background-color: #FFFFFF; } .pwr-post-item__img { background-size: cover; background-position: top; border-top-left-radius: 0px; border-top-right-radius: 0px; height: 238px; transition: height 1s ease-in-out; width: 100%; } .pwr-post-item--1col .pwr-post-item__img { background-position: center; border-radius: 0px; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; height: 100%; } .pwr-post-item__overlay { background-color: #273f57; border-radius: 0px; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(1px); transform: translateZ(1px); transition: opacity 1s ease-in-out; width: 100%; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__overlay { opacity: .85; transition: opacity .4s ease-in-out; } .pwr-post-item__info-box { left: 0; padding: 35px 40px 45px; position: absolute; transition: opacity .4s ease-in-out; top: 238px; } .pwr-post-item--1col .pwr-post-item__info-box { padding-left: 0; position: relative; top: 0; } .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__name, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__title, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__desc, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__more-link, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__n-min-read, .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__date, .pwr-post-item__content.pwr--dark .pwr-post-item__name, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__name, .pwr-post-item__content.pwr--dark .pwr-post-item__title, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__title, .pwr-post-item__content.pwr--dark .pwr-post-item__desc, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__desc, .pwr-post-item__content.pwr--dark .pwr-post-item__more-link, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__more-link, .pwr-post-item__content.pwr--dark .pwr-post-item__n-min-read, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__n-min-read, .pwr-post-item__content.pwr--dark .pwr-post-item__date, .pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__date { color: #FFFFFF; transition: color .4s ease-in-out; } .pwr-post-item__name, .pwr-post-item__date, .pwr-post-item__title, .pwr-post-item__desc, .pwr-post-item__more-link, .pwr-post-item__n-min-read { transition: color 1s ease-in-out; } .pwr-post-item__name, .pwr-post-item__date { color: #000000; display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; text-transform: capitalize; padding-bottom: 5px; } .pwr-post-item__name + .pwr-post-item__date:before, .pwr-post-item__date + .pwr-post-item__n-min-read:before, .pwr-post-item__name + .pwr-post-item__n-min-read:before { content: "|"; padding: 0 10px 0 8px; } .pwr-post-item__n-min-read { color: #000000; display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 500; text-transform: capitalize; padding-bottom: 5px; } .pwr-post-item__title { color: #000000; text-transform: capitalize; } .pwr-post-item__author + .pwr-post-item__title { margin-top: 5px; } .pwr-post-item--1col .pwr-post-item__title { color: #000000; margin-top: 10px; } .pwr-post-item:not(.pwr-post-item--1col) .pwr-post-item__title { font-size: 20px; } .pwr-post-item__desc { color: #000000; font-size: 14px; } .pwr-post-item--1col .pwr-post-item__desc { font-size: 18px; line-height: 1.88em; } .pwr-post-item__desc > p { margin: 0; } .pwr-post-item__title + .pwr-post-item__desc { margin-top: 15px; } .pwr-post-item__more-link { color: #273f57; display: block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; position: relative; text-transform: capitalize; } .pwr-post-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-post-item__title + .pwr-post-item__more-link, .pwr-post-item__desc + .pwr-post-item__more-link { margin-top: 25px; } @media (max-width: 1199px ) { .pwr-sidebar-widget-form .hs-email { width: 60%; } .pwr-sidebar-widget-form .hs_submit { width: 40%; } } @media (max-width: 991px ) { .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } .pwr-blog-listing__sidebar { display: none; } .pwr-blog-listing__posts--sidebar { width: 100%; } .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-blog-listing__content .pwr--neg-margin-lr-10, .pwr-post-item:not(.pwr-post-item--1col), .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) { margin-left: 0; margin-right: 0; width: 100%; } } /* ========================================================================== Listing Filter #blog-lf Also used in modules with filters, like Image Boxes ========================================================================== */ .pwr-filter { padding: 30px 0; position: relative; } .pwr-filter--margin { margin-bottom: 60px; } .pwr-filter__list { margin: 0; padding: 0; } .pwr-filter__list-item { display: inline-block; list-style: none; padding: 5px 20px 5px 0; text-transform: capitalize; } .pwr-filter__link { color: #000000; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; transition: color .4s ease-in-out; } .pwr--dark .pwr-filter__link, .pwr-filter.pwr--dark .pwr-filter__link { color: #FFFFFF; } .pwr--light .pwr-filter__link, .pwr-filter.pwr--light .pwr-filter__link { color: #000000; } .pwr-filter .pwr-filter__link:hover, .pwr-filter .pwr-filter__link.active { color: #273f57; } /* ========================================================================== Post #blog-po ========================================================================== */ .pwr-post-body { background-color: #FFFFFF; overflow: hidden; padding-top: 60px; } .pwr-post-social { margin: 0 auto; max-width: 795px; padding: 10px 0 25px; } @media (min-width: 990px ) { .pwr-post-social.pwr-post-social--is-float { height: 0; padding: 0; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements { left: -95px; position: absolute; width: 80px; top: 10px; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn { margin-bottom: 10px; } .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn:hover { -webkit-transform: translateX(4px); transform: translateX(4px); } } .pwr-post-content { font-size: 21px; line-height: 2.11em; margin: 0 auto; max-width: 795px; padding-bottom: 140px; } .mv-post-content-width-wrapper ..pwr-post-content { font-size: 21px; line-height: 2.11em; margin: 0 auto; max-width: 795px; padding-bottom: 140px; } .pwr-post-content > .hs_cos_wrapper > *:first-child { margin-top: 0; } .pwr-post-content img { border-radius: 0px; } #pwr-progress-bar { background-color: transparent; bottom:0; border: none; color: #273f57; 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: #273f57; } #pwr-progress-bar::-moz-progress-bar { background: #273f57; } @media (max-width: 991px ) { .pwr-post-content, .pwr-post-social { margin: 0 40px; } } @media (max-width: 767px) { .pwr-post-row--margin-b { margin: 0; } .pwr-post-item { margin-bottom: 30px; } } /* ========================================================================== Post Header #blog-ph ========================================================================== */ .pwr-post-header { background-color: transparent; /*word-break: break-word;*/ } .pwr-post-header__overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: .4; position: absolute; top: 0; width: 100%; } .pwr--dark .pwr-post-header__overlay { background-color: #000000; } .pwr-post-header__info-box { position: absolute; bottom: 75px; width: cacl(100% - 160px); } .pwr-post-header__title { font-family: Montserrat, sans-serif; font-size: 54px; font-weight: bold; margin: 10px 0 0; line-height: 1.18em; text-transform: capitalize; } .pwr-post-header__title--reduced { font-size: 32px; } .pwr-post-header.pwr--dark .pwr-post-item__name, .pwr-post-header.pwr--dark .pwr-post-item__date, .pwr-post-header.pwr--dark .pwr-post-item__n-min-read, .pwr-post-featured.pwr--dark .pwr-post-item__name, .pwr-post-featured.pwr--dark .pwr-post-item__date, .pwr-post-featured.pwr--dark .pwr-post-item__n-min-read { color: #FFFFFF; } @media (min-width: 1200px) { .pwr-post-header__info-box.page-center { left: 80px; right: 80px; } } @media (max-width: 1199px) { .pwr-post-header__info-box { width: calc( 100% - 80px); } } @media (max-width: 767px) { .pwr-post-header__title { font-size: 41px; } .pwr-post-header__title--reduced { font-size: 24px; } } @media (max-width: 575px) { .pwr-hero .pwr-post-header__info-box.page-center { bottom: auto; margin-bottom: 60px; margin-top: 80px; position: relative; } .pwr-hero--transparent-header.pwr-hero .pwr-post-header__info-box { margin-top: 120px; } .pwr-hero--transparent-header-full.pwr-hero .pwr-post-header__info-box { margin-top: 180px; } } /* ========================================================================== Author #blog-a ========================================================================== */ /* Site */ .pwr-author-posts-title { color: #000000; margin: 130px 0 50px; text-transform: capitalize; } /* Section */ .pwr-avatar { height: 160px; margin-top: 10px; width: 160px; } .pwr-avatar--valign { display: table-cell; padding-top: 0; vertical-align: middle; } .pwr-avatar__round { border-radius: 999px; overflow: hidden; } .pwr-avatar__small { width: 70px; height: 70px; } .pwr-avatar__large { height: 290px; padding: 0; width: 290px; } .pwr-avatar__img { height: auto; width: 100%; } .pwr-author-profile { background-color: #FFFFFF; border-radius: 0px; display: table; padding: 60px 60px 50px; } .pwr-author-profile .pwr-avatar__round { background-color: #273f57; } .pwr-author-profile--author-page .pwr-avatar__round { background-color: #FFFFFF; } .pwr-author-profile--author-page { background-color: transparent; padding: 90px 0; } .pwr-author-profile__info { display: table-cell; padding-left: 60px; vertical-align: middle; } .pwr-author-profile__name { color: #000000; margin: 0 0 20px; text-transform: capitalize; } .pwr-author-profile__bio { display: inline-block; font-size: 18px; margin: 0 0 20px; line-height: 2.25em; } .pwr-author-profile__social { font-size: 20px; } .pwr-social__header { padding: 0 6px; } @media (max-width: 767px) { .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 { padding-bottom: 140px; text-align: center; } .pwr-blog-pagination #pwr-btn-load-more { margin-top: 40px; } .pwr-blog-pagination__btn { background-color: #FFFFFF; border-radius: 0px; color: #000000; display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; margin: 0 10px; padding: 20px 26px; text-transform: capitalize; } .pwr-blog-pagination__btn:hover, .pwr-blog-pagination__btn:focus { color: #273f57; } .pwr-blog-pagination__btn--disabled { cursor: default; opacity: .5; } .pwr-blog-pagination__btn--disabled:hover, .pwr-blog-pagination__btn--disabled:focus { color: #000000; } /* ========================================================================== Comments #blog-c ========================================================================== */ .pwr-post-comments .hs_submit .hs-button { margin-top: 0; padding: 15px 31px; } #comments-listing { margin-bottom: 40px; } .comment, .comment.depth-0 { border: 0; margin: 10px 0; padding: 15px 0; } .comment-date { color: #000000; float: right; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: bold; text-align: right; text-transform: capitalize; } .comment-from h4 { font-size: 19px; margin: 0; line-height: 1.6em; text-transform: capitalize; } .comment-from h4 a { color: #000000; } .comment-body { font-size: 18px; line-height: 2em; } .comment-body p { margin: .25em 0 .5em; } .hs-button.comment-reply-to { background: none; color: #273f57; cursor: pointer; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: bold; padding: 0; text-transform: capitalize; } .replying { padding-left: 0; } .replying-to { display: block; font-family: Montserrat, 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; text-transform: capitalize; } /* ========================================================================== 6. MODULES #mod ========================================================================== */ /* ========================================================================== System - Email Backup Unsubscribe #mod-ebu ========================================================================== */ .pwr-email-unsub { overflow: hidden; padding: 65px 0 115px; position: relative; z-index: 0; } .pwr-email-unsub .page-header, .pwr-email-unsub #content { max-width: 770px; } .pwr-email-unsub .page-header > h1 { display: none; } .pwr-email-unsub #email-prefs-form #content > h3 { font-family: Montserrat, sans-serif; font-size: 34px; font-weight: bold !important; margin-bottom: 35px; margin-top: 0; } .pwr-email-unsub #email-prefs-form .email-edit { font-size: 19px !important; max-width: 750px !important; padding: 20px 0 !important; } .pwr-email-unsub #submitbutton { margin-top: 50px; } @media (max-width: 767px ) { .pwr-email-unsub { padding: 49px 0 87px; } .pwr-email-unsub #email-prefs-form #content > h3 { font-size: 26px; margin-bottom: 27px; } .pwr-email-unsub #email-prefs-form .email-edit { font-size: 15px !important; } .pwr-email-unsub #email-prefs-form .email-edit { padding: 10px 0 !important; } .pwr-email-unsub #submitbutton { margin-top: 38px; } } /* ========================================================================== System - Email Subscription Preferences #mod-esp ========================================================================== */ .pwr-email-prefs { overflow: hidden; padding: 85px 0 115px; position: relative; z-index: 0; } #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } .pwr-email-prefs #email-prefs-form { margin: 0 auto; max-width: 790px; } .pwr-email-prefs #email-prefs-form .page-header { padding-bottom: 45px; } .pwr-email-prefs #email-prefs-form .page-header h1, .pwr-email-prefs #email-prefs-form #content > .header { display: none; } .pwr-email-prefs #email-prefs-form .page-header h2 { font-size: 34px; margin: 0; } .pwr-email-prefs #email-prefs-form .page-header p { margin: 0 0 30px; } .pwr-email-prefs .email-prefs .item .item-inner { background-color: #FFFFFF; border-radius: 0px; border: 0; } .pwr-email-prefs .email-prefs .item .item-inner.hovered { box-shadow: none; } .pwr-email-prefs .email-prefs .item .item-inner * { color: #000000; margin-bottom: 1px; margin-top: 7px; padding-top: 1px; } .pwr-email-prefs .email-prefs .item .checkbox-row { padding-left: 80px; } .pwr-email-prefs .subscribe-options label { margin-left: 0; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { font-family: Montserrat, sans-serif; font-size: 19px; font-weight: bold; } .pwr-email-prefs .subscribe-options > p { margin-left: 0; } .pwr-email-prefs .email-prefs .item .item-inner p { margin: 0 20px 20px 131px } .pwr-email-prefs .email-prefs .item .item-inner p:before { background-color: #000000; content: ''; height: 83px; left: 126px; opacity: .1; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 1px; } .pwr-email-prefs #submitbutton { margin-top: 20px; } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner { background-color: rgba(255, 255, 255,.075); } .pwr-email-prefs.pwr--dark .email-prefs .item .item-inner * { color: #FFFFFF; } @media (min-width: 768px ) { .pwr-email-prefs .email-prefs .item .item-inner { padding-left: 43px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span { position: inherit; } .pwr-email-prefs .email-prefs .item [type="checkbox"] + span:before { left: 50px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span:after, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked)+ span:after{ left: 57px; } .pwr-email-prefs .email-prefs .item [type="checkbox"]:checked + span, .pwr-email-prefs .email-prefs .item [type="checkbox"]:not(:checked) + span { padding-left: 123px; } } @media (max-width: 767px ) { .pwr-email-prefs { padding: 64px 0 87px; } .pwr-email-prefs #email-prefs-form .page-header { padding-bottom: 34px; } .pwr-email-prefs #email-prefs-form .page-header h2 { font-size: 26px; word-break: break-word; } .pwr-email-prefs #email-prefs-form .page-header p { margin-bottom: 23px; } .pwr-email-prefs .email-prefs .item .item-inner p:before { display: none; } .pwr-email-prefs .email-prefs .item .item-inner p { margin-left: 6px; } .pwr-email-prefs .email-prefs .item .checkbox-row { padding-left: 5px; } .pwr-email-prefs .email-prefs .item .checkbox-row span.fakelabel span, .pwr-email-prefs .subscribe-options label > span { font-size: 15px; } } /* ========================================================================== System - Email Subscriptions Update Confirmation #mod-suc ========================================================================== */ .pwr-email-confirmation { overflow: hidden; padding: 85px 0 105px; position: relative; z-index: 0; } .pwr-email-confirmation .page-header { padding-bottom: 55px; } .pwr-email-confirmation .page-header, .pwr-email-confirmation #content { max-width: 770px; } .pwr-email-confirmation .page-header > h1 { display: none; } .pwr-email-confirmation .page-header h2, .pwr-email-confirmation #content { font-family: Montserrat, sans-serif; font-size: 34px; font-weight: bold; } .pwr-email-confirmation .page-header h2 { margin: 0; } .pwr-email-confirmation .page-header > span { line-height: 1.88em; } .pwr-email-confirmation #content { color: #273f57; line-height: 1.3em; } @media (max-width: 767px ) { .pwr-email-confirmation { padding: 64px 0 79px; } .pwr-email-confirmation .page-header { padding-bottom: 42px; } .pwr-email-confirmation .page-header h2, .pwr-email-confirmation #content { font-size: 26px; word-break: break-word; } } /* ========================================================================== System - Password Prompt #mod-pp ========================================================================== */ .pwr-password-prompt { overflow: hidden; padding: 80px 0 100px; position: relative; z-index: 0; } .pwr-password-prompt__desc { font-family: Montserrat, sans-serif; font-size: 34px; font-weight: bold; margin: 0 0 50px; max-width: 770px; line-height: 1.35em; } .pwr-password-prompt span > span { color: #e49162; display: block; font-size: 19px; margin-bottom: 35px; } .pwr-password-prompt #hs-pwd-widget-password { border-color: #000000; border-radius: 0 !important; border-style: solid; border-width: 0 0 2px; background-color: transparent; font-size: 19px !important; margin-bottom: 45px; max-width: 770px; padding: 20px 0 !important; width: 100%; } body .pwr-password-prompt input[type="submit"].hs-button { border-radius: 0px !important; display: block; margin: 0; } @media (max-width: 767px ) { .pwr-password-prompt { padding: 60px 0 75px; } .pwr-password-prompt__desc { font-size: 26px; margin-bottom: 38px; } .pwr-password-prompt span > span { font-size: 15px; } .pwr-password-prompt #hs-pwd-widget-password { font-size: 15px !important; } } /* ========================================================================== System - Search Results #mod-ss ========================================================================== */ .pwr-sec-search-results { overflow: hidden; padding: 80px 0 100px; position: relative; z-index: 0; } #pwr-search-results__input { font-size: 18px; font-weight: 500; 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: #273f57; } .hs-search-field+.pwr-search-results .pwr-search-results__listing>li:first-child { margin-top: 60px; } .hs-search-results__listing, .pwr-search-results__listing { margin: 0; padding: 0; list-style: none; } .hs-search-results__listing li, .pwr-search-results__listing li { margin: 0; padding: 0; } .hs-search-results__listing li:not(:last-of-type), .pwr-search-results__listing li:not(:last-of-type) { margin-bottom: 20px; } .hs-search-results__listing li, .pwr-search-results__entry { background-color: #FFFFFF; display: inline-block; padding: 30px 40px; transition: background .4s ease-in-out; width: 100%; } .hs-search-results__listing li { background-color: #273f57; } .pwr-search-results__entry:hover { background-color: #273f57; } .hs-search-results__listing .hs-search-results__title, .pwr-search-results__title { color: #000000; margin: 0; } .hs-search-results__listing .hs-search-results__featured-image > img, .pwr-search-results__img { max-width: 200px; float: left; margin-right: 40px; } .hs-search-results__listing .hs-search-results__description, .pwr-search-results__description { color: #000000; margin: 10px 0 0; } .hs-search-results__listing .hs-search-results__title, .hs-search-highlight { color: #273f57; 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: #273f57; } .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 #273f57; } @media (max-width: 767px ) { .pwr-sec-search-results { padding: 60px 0 75px; } #pwr-search-results__input { font-size: 15px; } .hs-search-results__prev-page, .hs-search-results__next-page, .pwr-search-results__prev-page, .pwr-search-results__next-page { margin-top: 38px; } } @media (max-width: 575px ){ .hs-search-results__listing .hs-search-results__featured-image > img, .pwr-search-results__img { float: none; margin-bottom: 25px; } } /* ========================================================================== Standalone - Coming Soon #mod-cs ========================================================================== */ .pwr-sec-coming-soon { overflow: hidden; padding: 125px 0 140px; position: relative; z-index: 0; } .pwr-sec-coming-soon__title-intro { display: block; font-size: 21px; line-height: 1.6em; } .pwr-sec-coming-soon__title { margin: 0; line-height: 1.14em; } .pwr-sec-coming-soon__desc { display: block; font-size: 26px; } .pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc { margin-top: 20px; } .pwr-sec-coming-soon__form-title { margin: 0 0 45px; } .pwr-sec-coming-soon__form { margin-top: 70px; } .pwr-countdown { background-color: rgba(255, 255, 255, .85); border-radius: 0px; font-size: 0; /* fix for child inline-block spaces */ margin-top: 70px; padding: 70px 0 40px; width: 100%; } .pwr--dark .pwr-countdown { background-color: rgba(0, 0, 0, .85); color: #FFFFFF; } .pwr-countdown__element { display: inline-block; margin: 0 5% 30px; width: 15%; } .pwr-countdown__number { color: #273f57; font-family: Montserrat, sans-serif; font-size: 120px; font-weight: bold; line-height: 1.1em; } .pwr--dark .pwr-countdown__number { color: #FFFFFF; } .pwr-countdown__desc { font-size: 30px; font-weight: 500; padding: 0 5px; } @media (max-width: 991px ) { .pwr-countdown__number { font-size: 90px; } } @media (max-width: 767px ) { .pwr-sec-coming-soon { padding: 94px 0 105px; } .pwr-sec-coming-soon__title-intro { font-size: 16px; } .pwr-sec-coming-soon__desc { font-size: 20px; } .pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc { margin-top: 15px; } .pwr-sec-coming-soon__form-title { margin-bottom: 34px; } .pwr-sec-coming-soon__form { margin-top: 53px; } .pwr-countdown { margin-top: 53px; padding: 72px 0 53px; } .pwr-countdown__element { margin: 0 10% 30px; width: 30%; } .pwr-countdown__desc { font-size: 23px; } } @media (max-width: 575px ) { .pwr-countdown { padding: 30px 0; } .pwr-countdown__number { font-size: 60px; } .pwr-countdown__desc { font-size: 18px; } } /* ========================================================================== Standalone - Maintenance or Error #mod-me ========================================================================== */ .pwr-sec-maintenance-error { overflow: hidden; padding: 125px 0 140px; position: relative; z-index: 0; } .pwr-sec-maintenance-error__title-intro { display: block; font-size: 21px; line-height: 1.6em; } .pwr-sec-maintenance-error__title { margin: 0; line-height: 1.14em; } .pwr-sec-maintenance-error__desc { display: block; font-size: 26px; } .pwr-sec-maintenance-error__title + .pwr-sec-maintenance-error__desc { margin-top: 20px; } .pwr-sec-maintenance-error__img { display: block; position: relative; } .pwr-sec-maintenance-error__img--top { margin-bottom: 90px; } .pwr-sec-maintenance-error__img--bottom { margin-top: 90px; } .pwr-sec-maintenance-error__img--centered { margin-left: auto; margin-right: auto; } .pwr-sec-maintenance-error__img--full-width { height: auto; width: 100%; } .pwr-sec-maintenance-error__cta-container { margin-top: 70px; } @media (max-width: 1199px ) { .pwr-sec-maintenance-error__img-wrapper:not(.pwr-sec-maintenance-error__img-wrapper--img-full-width):not(.page-center) { margin-left: 40px; margin-right: 40px; } } @media (max-width: 767px ) { .pwr-sec-maintenance-error { padding: 94px 0 105px; } .pwr-sec-maintenance-error__title-intro { font-size: 16px; } .pwr-sec-maintenance-error__desc { font-size: 20px; } .pwr-sec-maintenance-error__img--top { margin-bottom: 68px; } .pwr-sec-maintenance-error__img--bottom { margin-top: 68px; } .pwr-sec-maintenance-error__cta-container { margin-top: 53px; } } @media (max-width: 575px ) { .pwr-sec-maintenance-error__title { font-size: 30px; } .pwr-sec-maintenance-error__desc { font-size: 15px; } .pwr-sec-maintenance-error__img { height: auto; } } /* ========================================================================== Standalone - Previous Next Navigation #mod-pnn ========================================================================== */ .pwr-sec-prev-next-nav { background-color: #273f57; padding: 25px 0; position: relative; } .pwr-sec-prev-next-nav.pwr--dark { background-color: #000000; } .pwr-prev-next-nav__container { float: left; min-height: 1px; width: 33.33%; } .pwr-prev-next-nav__link { color: #000000; display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; position: relative; text-transform: capitalize; transition: color .4s ease-in-out; } .pwr--dark .pwr-prev-next-nav__link { color: #FFFFFF; } .pwr-prev-next-nav__link:hover, .pwr--dark .pwr-prev-next-nav__link:hover { color: #273f57; } .pwr-prev-next-nav__icon { display: inline-block; font-size: 20px; fill: currentColor; } .pwr-prev-next-nav__icon svg { transition: none !important; } .pwr-prev-next-nav__left .pwr-prev-next-nav__text { display: block; padding-left: 40px; } .pwr-prev-next-nav__left .pwr-prev-next-nav__icon, .pwr-prev-next-nav__right .pwr-prev-next-nav__icon { position: absolute; top: 2px; } .pwr-prev-next-nav__left .pwr-prev-next-nav__icon { left: 0; } .pwr-prev-next-nav__middle .pwr-prev-next-nav__icon { font-size: 12px; } .pwr-prev-next-nav__right .pwr-prev-next-nav__link { float: right; } .pwr-prev-next-nav__right .pwr-prev-next-nav__text { display: block; padding-right: 40px; } .pwr-prev-next-nav__right .pwr-prev-next-nav__icon { right: 0; } @media (max-width: 575px ) { .pwr-prev-next-nav__left .pwr-prev-next-nav__text, .pwr-prev-next-nav__right .pwr-prev-next-nav__text { margin-top: 30px; padding: 0; } } /* ========================================================================== Standalone - Text with TOC #mod-twtoc ========================================================================== */ .pwr-sec-txt-toc { overflow: hidden; padding: 80px 0 135px; position: relative; } .pwr-toc__container, .pwr-toc__content { position: relative; } @media (min-width: 992px) { .pwr-toc__content--indent { margin-left: 30%; } } .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__content h6:not(.pwr--toc-ignore)::before { display: block; content: " "; height: 50px; margin-top: -50px; visibility: hidden; } .pwr-toc__container--fixed-header .pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h1:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h2:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h3:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h4:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h5:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header .pwr-toc__content h6:not(.pwr--toc-ignore)::before, .pwr-toc__container--fixed-header.pwr-toc__content h6:not(.pwr--toc-ignore)::before { height: 140px; margin-top: -140px; } .pwr-toc-menu { color: rgba(0, 0, 0, .45); font-size: 18px; font-weight: 600; max-height: 80vh; max-width: 360px; position: absolute; top: 30px; width: 30%; z-index: 90; } .pwr--dark .pwr-toc-menu { color: rgba(255, 255, 255, .45); } .pwr-toc-menu .pwr-toc-menu__toc-list { max-height: 80vh; overflow-y: scroll; padding-bottom: 40px; -ms-overflow-style: -ms-autohiding-scrollbar; } .pwr-toc-menu .toc-list { list-style: none; overflow-y: scroll; padding-left: 20px; } .pwr-toc-menu .toc-list, .pwr-toc-menu .toc-list-item { -ms-overflow-style: none; } .pwr-toc-menu .toc-link { display: inline-block; padding: 12px 20px; transition: 0.2s ease-in-out; } .pwr-toc-menu .toc-link::before { background-color: #273f57; } .pwr-toc-menu .is-active-link { color: #273f57; font-weight: 900; } .pwr-toc-menu .is-active-link::before { background-color: #273f57; content: ' '; display: inline-block; height: inherit; left: 0; max-height: 30px; position: absolute; width: 2px; z-index: 1; } .pwr-toc__container--fixed-header .pwr-toc-menu:not(.pwr-toc-menu--overlay) { top: 120px; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 70px; } .pwr-toc-menu--overlay { background-color: #FFFFFF; border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: none; font-size: 15px; font-weight: 500; left: 0px; max-width: 100%; overflow: hidden; position: fixed; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .pwr--dark .pwr-toc-menu--overlay { background-color: #000000; box-shadow: -2px 4px 10px rgba(0,0,0,0.3); } .pwr--light .pwr-toc-menu--overlay { background-color: #FFFFFF; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } .pwr-toc-menu--overlay.pwr-toc-menu--minimized { background-color: transparent; box-shadow: none; } .pwr-toc-menu--overlay-right { border-top-left-radius: 0px; border-bottom-left-radius: 0px; 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: #273f57; } .pwr--light .pwr-toc-menu--overlay .toc-link:after { background-color: #273f57; } .pwr--dark .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #FFFFFF; } .pwr--light .pwr-toc-menu--overlay .toc-link:not(.is-active-link):hover { color: #000000; } .pwr-toc-menu--overlay .pwr-toc-menu__toc-list { max-height: calc( 60vh - 70px); overflow-y: scroll; padding: 40px 50px; } .pwr-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: #273f57; 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: #273f57; display: none; height: 70px; position: relative; width: 70px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { display: block; background: #FFFFFF; height: 3px; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; } .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { content: ' '; } .pwr-toc-menu__burger span { top: 50%; } .pwr-toc-menu__burger:before { top: 25px; } .pwr-toc-menu__burger:after { bottom: 22px; } .pwr-toc-menu--minimized .pwr-toc-menu__burger { display: block; } @media (max-width: 991px ) { .pwr-toc-menu__burger { height: 30px; width: 30px; } .pwr-toc-menu__burger span, .pwr-toc-menu__burger:before, .pwr-toc-menu__burger:after { height: 2px; width: 12px; } .pwr-toc-menu__burger:before { top: 20px; } .pwr-toc-menu__burger:after { bottom: 18px; } .pwr-toc__container--fixed-header .pwr-toc-menu--overlay { margin-top: 40px; } } /* ========================================================================== Nav - Pillar Page TOC #mod-pptoc ========================================================================== */ .pwr-pillar-toc { overflow: hidden; padding: 105px 0 120px; position: relative; } .pwr-pillar-toc--hide { height: 0; margin: 0; padding: 0; } .body-container-wrapper.pwr-toc__content--narrow-content .page-center { max-width: 1000px; } .pwr-pillar-toc__intro-sec { margin-bottom: 40px; position: relative; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place { color: #000000; font-size: 18px; font-weight: 900; max-height: 100%; max-width: 100%; position: relative; top: 0; width: 100%; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .pwr-toc-menu__toc-list { max-height: 100%; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .pwr-toc-menu__toc-list > .toc-list { padding-left: 0; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-list-item { padding-bottom: 5px; } .pwr-pillar-toc__menu .toc-link { transition: 0.2s ease-in-out; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link { padding: 5px 2px; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link:hover { color: #273f57 !important; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link { color: initial; } .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link:after, .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place .toc-link.is-active-link:before { display: none; font-weight: inherit; } @media (max-width: 767px) { .pwr-pillar-toc__menu .pwr-toc-menu.pwr-toc-menu--in-place { font-size: 15px; font-weight: bold; } } /* ========================================================================== Top - Hero #mod-h ========================================================================== */ .pwr-hero { overflow: hidden; position: relative; /*word-break: break-word;*/ z-index: 0; } .pwr-hero--large { height: 720px; } .pwr-hero--regular { height: 530px; } .pwr-hero--small { height: 440px; } .pwr-hero--x-small { height: 345px; } .pwr-hero--transparent-header.pwr-hero--large { height: 805px; } .pwr-hero--transparent-header.pwr-hero--regular { height: 615px; } .pwr-hero--transparent-header.pwr-hero--small { height: 525px; } .pwr-hero--transparent-header.pwr-hero--x-small { height: 430px; } .pwr-hero--transparent-header-full.pwr-hero--large { height: 855px; } .pwr-hero--transparent-header-full.pwr-hero--regular { height: 655px; } .pwr-hero--transparent-header-full.pwr-hero--small { height: 575px; } .pwr-hero--transparent-header-full.pwr-hero--x-small { height: 480px; } .pwr-hero__info-box { position: absolute; bottom: 120px; width: 100%; } .pwr-hero__info-box--centered { text-align: center; } .pwr-hero--small .pwr-hero__info-box, .pwr-hero--x-small .pwr-hero__info-box { bottom: 80px; } .pwr-hero__title { font-family: Montserrat, sans-serif; font-weight: 700; line-height: 1.18em; margin: 0; max-width: 800px; /*text-transform: capitalize;*/ text-transform: none; } .pwr-hero__title { color: #000000; } .pwr--dark .pwr-hero__title { color: #FFFFFF; } .pwr-hero__title--extra-large { font-size: 220px; line-height: .9em; max-width: 100%; letter-spacing: -0.02em; } .pwr-hero--small .pwr-hero__title, .pwr-hero--x-small .pwr-hero__title { max-width: 100%; } .pwr-hero__info-box--centered .pwr-hero__title { margin-left: auto; margin-right: auto; } .pwr-hero__basic-info { display: inline-block; font-size: 30px; font-weight: 300; margin-top: 20px; padding-right: 40px; } .pwr-hero__info-box--centered .pwr-hero__basic-info { padding: 0 20px; } .pwr-hero__icon { display: inline-block; fill: currentColor; padding-bottom: 10px; padding-right: 20px; vertical-align: middle; } .pwr-hero__desc { font-size: 18px; line-height: 30px; margin: 20px 0 10px; max-width: 500px; } .pwr-hero__desc--larger { font-size: 30px; line-height: 40px; } .pwr-hero__info-box--centered:not(.page-center) { width: 100%; } .pwr-hero__info-box:not(.page-center):not(.pwr-hero__info-box--centered) { margin-left: 40px; margin-right: 40px; } .pwr-hero__info-box--centered .pwr-hero__desc { margin-left: auto; margin-right: auto; } .pwr-hero__cta-container { padding: 30px 0 10px; } .pwr-hero__cta-container .cta_button { margin-bottom: 10px; } @media (max-width: 1199px) { .pwr-hero__info-box { width: calc(100% - 80px); } .pwr-hero__info-box--centered:not(.page-center) { padding-left: 40px; padding-right: 40px; } .pwr-hero__title--extra-large { font-size: 150px; } } @media (max-width: 991px) { .pwr-hero__title--extra-large { font-size: 110px; } .pwr-hero .pwr-hero__info-box, .pwr-hero .pwr-hero__info-box.page-center { bottom: 80px; } } @media (min-width: 992px) { .pwr-hero__info-box.page-center { left: 0; right: 0; } } @media (max-width: 767px) { .pwr-hero__title--extra-large { font-size: 45px; } .pwr-hero__basic-info, .pwr-hero__desc--larger { font-size: 23px; } .pwr-hero__desc { font-size: 15px; } } @media (max-width: 575px) { .pwr-hero { height: auto !important; min-height: 250px; } .pwr-hero .pwr-hero__info-box, .pwr-hero .pwr-hero__info-box.page-center { bottom: auto; margin-bottom: 60px; margin-top: 80px; position: relative; } .pwr-hero--transparent-header.pwr-hero .pwr-hero__info-box { margin-top: 120px; } .pwr-hero--transparent-header-full.pwr-hero .pwr-hero__info-box { margin-top: 180px; } .pwr-hero__title { font-size: 40px; word-break: break-word; } .pwr-hero__basic-info { margin-top: 10px; } .pwr-hero__info-box > .pwr-hero__basic-info:first-of-type { margin-top: 30px; } .pwr-hero__cta-container { padding-top: 20px; } } /* ========================================================================== Section Accordion #mod-a ========================================================================== */ .pwr-sec-accordion { overflow: hidden; padding: 135px 0 120px; position: relative; z-index: 0; } .pwr-sec-accordion__intro-sec { margin-bottom: 60px; position: relative; } .pwr-accordion-container { background-color: transparent; } .pwr-accordion { border-radius: 0px; margin-bottom: 20px; width: 100%; } .pwr-accordion--color-overwritten { background-color: transparent !important; } .pwr-accordion__title { cursor: pointer; display: block; font-family: Montserrat, sans-serif; font-weight: bold; padding: 25px 70px 25px 30px; position: relative; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr--light .pwr-accordion__title { color: #000000; } .pwr--dark .pwr-accordion__title { color: #FFFFFF; } .pwr-accordion-container.pwr--light .pwr-accordion__title { background-color: #FFFFFF; color: #000000; } .pwr-accordion-container.pwr--dark .pwr-accordion__title { background-color: #000000; color: #FFFFFF; } .pwr-accordion.active .pwr-accordion__title { background-color: #273f57 !important; color: #FFFFFF !important; } .pwr-accordion__icon { position: absolute; right: 40px; top: 50%; } .pwr-accordion__icon::before, .pwr-accordion__icon::after { position: absolute; content: ""; transition: all .4s ease; } .pwr--light .pwr-accordion__icon::before, .pwr--light .pwr-accordion__icon::after, .pwr-accordion-container.pwr--light .pwr-accordion__icon::before, .pwr-accordion-container.pwr--light .pwr-accordion__icon::after { background-color: #000000; } .pwr--dark .pwr-accordion__icon::before, .pwr--dark .pwr-accordion__icon::after, .pwr-accordion-container.pwr--dark .pwr-accordion__icon::before, .pwr-accordion-container.pwr--dark .pwr-accordion__icon::after, .pwr-accordion.active .pwr-accordion__icon::before, .pwr-accordion.active .pwr-accordion__icon::after { background-color: #FFFFFF; } .pwr-accordion__icon::before { left: -6px; width: 15px; height: 3px; } .pwr-accordion__icon::after { top: -6px; width: 3px; height: 15px; } .pwr-accordion__icon.active::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all .4s ease; } .pwr-accordion__icon.active::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all .4s ease; } .pwr-accordion__desc { background-color: #273f57; color: #FFFFFF; display: none; padding: 0 30px 30px; overflow: hidden; } .pwr-accordion.active .pwr-accordion__desc { background-color: #273f57 !important; color: #FFFFFF !important; } .pwr-accordion.active .pwr-accordion__desc a { color: #FFFFFF; font-weight: bold; } .pwr-accordion-container.pwr--light .pwr-accordion__desc { background-color: #FFFFFF; color: #000000; } .pwr-accordion-container.pwr--dark .pwr-accordion__desc { background-color: #000000; color: #FFFFFF; } @media (hover: hover) { .pwr-accordion:hover .pwr-accordion__title { background-color: #273f57 !important; color: #FFFFFF; } .pwr-accordion:hover .pwr-accordion__icon::before, .pwr-accordion:hover .pwr-accordion__icon::after { background-color: #FFFFFF; } } @media (max-width: 767px) { .pwr-sec-accordion { padding: 102px 0 90px; } .pwr-sec-accordion__intro-sec { margin-bottom: 45px; } .pwr-accordion__title { padding: 20px 55px 20px 20px; } .pwr-accordion__icon { right: 30px; } .pwr-accordion__icon::before { left: -5px; width: 12px; height: 2px; } .pwr-accordion__icon::after { top: -5px; width: 2px; height: 12px; } .pwr-accordion__desc { padding: 0 20px 20px; } } @media (min-width: 576px) { .pwr-accordion-2col { float: left; max-width: 50%; width: 100%; } .pwr-accordion-2col:first-child { padding-right: 10px; } .pwr-accordion-2col:nth-child(2) { padding-left: 10px; } } /* ========================================================================== Section Divider #mod-div ========================================================================== */ .pwr-sec-background { overflow: hidden; position: relative; z-index: 0; } @media (max-width: 575px ) { .pwr-sec-background__container { max-height: 250px; } } /* ========================================================================== Section Client Logo Slider #mod-cls ========================================================================== */ .pwr-sec-clients { padding: 25px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-clients--with-intro { padding: 135px 0 75px; } .pwr-sec-clients__intro-sec { margin-bottom: 60px; position: relative; } .pwr-sec-clients__slider .owl-stage-outer { border-radius:0px; overflow: hidden; } .pwr-sec-clients__slider img { border-radius: 0px; } .pwr-sec-clients__logo { max-width: 200px; margin: 0 auto; transition: all 0.4s; } .pwr-sec-clients__logo--grayscale { opacity: .3; -webkit-filter: grayscale(1); filter: grayscale(1); } .pwr--dark .pwr-sec-clients__logo--grayscale { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); } .pwr-sec-clients__logo--grayscale:hover { -webkit-filter: grayscale(0) invert(0); filter: grayscale(0) invert(0); opacity: 1; } @media (max-width: 1199px ) { .pwr-sec-clients__slider { margin: 0 40px; } } @media (max-width: 767px ) { .pwr-sec-clients--with-intro { padding: 102px 0 57px; } .pwr-sec-clients__intro-sec { margin-bottom: 45px; } } /* ========================================================================== Section Company Values #mod-cv ========================================================================== */ .pwr-sec-values { position: relative; z-index: 1; } .pwr-value { color: #000000; display: inline-block; float: left; position: relative; width: 100%; z-index: 1; } .pwr-sec-values__listing--two-items .pwr-value { max-width: 50%; } .pwr-sec-values__listing--three-items .pwr-value { max-width: 33.333%; } .pwr-value .pwr-3D-box__sensor { border-radius: 0; overflow: initial; } .pwr-value__img { background-size: cover; background-position: center; height: 550px; width: 100%; } .pwr-value__overlay { background-color: #000000; height: 100%; opacity: .3; position: relative; -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-value:hover .pwr-value__overlay { background-color: #273f57; opacity: .85; } .pwr-value__front, .pwr-value__back { bottom: 0; color: #FFFFFF; left: 0; padding: 60px; position: absolute; width: 100%; z-index: 1; } .pwr-value:hover .pwr-value__back { transition: opacity .4s ease-in-out; } .pwr-value__front, .pwr-value:hover .pwr-value__back { opacity: 1; } .pwr-value:hover .pwr-value__front, .pwr-value__back { opacity: 0; } .pwr-value__title { display: block; margin: 0; } .pwr-value__desc { display: inline-block; } .pwr-value__title + .pwr-value__desc { margin-top: 30px; } @media (max-width: 991px ) { .pwr-sec-values__listing--three-items .pwr-value { max-width: 50%; } } @media (max-width: 767px ) { .pwr-sec-values__listing--two-items .pwr-value, .pwr-sec-values__listing--three-items .pwr-value { max-width: 100%; } .pwr-value__img { height: 500px; } .pwr-value__front, .pwr-value__back { padding: 40px; } .pwr-value__title + .pwr-value__desc { margin-top: 23px; } } /* ========================================================================== Section CTA #mod-cta ========================================================================== */ .pwr-sec-cta { padding: 48px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-cta--vertical { padding: 95px 0; } .pwr-sec-cta--cta-only { padding: 65px 0; } .pwr-sec-cta--dark { background-color: #000000; color: #FFFFFF; } .pwr-sec-cta--primary { background-color: #273f57; color: #FFFFFF; } .pwr-sec-cta__hor-text-wrapper { max-width: 800px; } .pwr-sec-cta__title { line-height: 1.14em; margin: 0; } .pwr-sec-cta__desc { display: block; font-size: 24px; line-height: 1.6em; } .pwr-sec-cta__title + .pwr-sec-cta__desc { margin-top: 15px; } .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical { margin-top: 25px; } .pwr-sec-cta__cta--center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .pwr-sec-cta__cta--vertical { margin-top: 40px; } @media (max-width: 991px) { .pwr-sec-cta__cta--right { margin-top: 40px; } .pwr-sec-cta__cta--center .cta_button, .pwr-sec-cta__cta--vertical .cta_button { max-width: 340px; } } @media (min-width: 992px) { .pwr-sec-cta__title:not(.pwr-sec-cta__title--vertical), .pwr-sec-cta__desc:not(.pwr-sec-cta__desc--vertical) { text-align: left; } .pwr-sec-cta__cta--right { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 767px) { .pwr-sec-cta--vertical { padding: 72px 0; } .pwr-sec-cta--cta-only { padding: 49px 0; } .pwr-sec-cta__desc { font-size: 18px; } .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical { margin-top: 19px; } .pwr-sec-cta__cta--right, .pwr-sec-cta__cta--vertical { margin-top: 30px; } } /* ========================================================================== Section Form #mod-frm ========================================================================== */ .pwr-sec-form { overflow: hidden; padding: 130px 0 140px; position: relative; z-index: 0; } .pwr-sec-form__content--v-align { display: flex; align-items: center; } .pwr-sec-form__content--narrow { max-width: 800px; } .pwr-sec-form__intro-sec { position: relative; } .pwr-sec-form__intro-sec--hor, .pwr-sec-form__intro-sec--hor-boxed, .pwr-sec-form__intro-sec--hor-wide, .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { float: left; } .pwr-sec-form__intro-sec--hor { width: 50%; } .pwr-sec-form__intro-sec--hor-boxed { width: 53%; } .pwr-sec-form__intro-sec--hor-wide { width: 60%; } .pwr-sec-form__intro-sec--vertical { margin-bottom: 60px; } .pwr-sec-form__title + .pwr-sec-form__desc { margin-top: 30px; } .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-wide { margin-left: 10%; } .pwr-sec-form__form-wrapper--hor { width: 30%; } .pwr-sec-form__form-wrapper--hor-wide { width: 40%; } .pwr-sec-form__form-wrapper--hor-boxed { margin-left: 7%; width: 40%; } .pwr-sec-form__form-wrapper--hor-boxed .pwr-form { padding: 40px 30px; } .pwr-sec-form__form-wrapper--hor-boxed .hs-submit { width: 100%; } @media (max-width: 991px ) { .pwr-sec-form__content--v-align { display: block; } .pwr-sec-form__intro-sec { margin-bottom: 60px; } .pwr-sec-form__intro-sec--hor, .pwr-sec-form__intro-sec--hor-boxed, .pwr-sec-form__intro-sec--hor-wide, .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { float: none; width: 100%; } .pwr-sec-form__form-wrapper--hor, .pwr-sec-form__form-wrapper--hor-boxed, .pwr-sec-form__form-wrapper--hor-wide { margin-left: 0; } } @media (max-width: 767px ) { .pwr-sec-form { padding: 98px 0 105px; } .pwr-sec-form__intro-sec, .pwr-sec-form__intro-sec--vertical { margin-bottom: 45px; } .pwr-sec-form__title + .pwr-sec-form__desc { margin-top: 23px; } } /* ========================================================================== Section Image Boxes #mod-ib ========================================================================== */ .pwr-sec-image-boxes { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-image-boxes--parallax { overflow: hidden; } .pwr-sec-image-boxes__intro-sec { margin-bottom: 80px; max-width: 800px; position: relative; } .pwr-sec-image-boxes__intro-sec--centered { max-width: 100%; } .pwr-sec-image-boxes__cta .cta_button { position: absolute !important; right: 0; top: 60px !important; } .pwr-sec-image-boxes__cta--no-intro-title .cta_button { top: 15px !important; } .pwr-sec-image-boxes__intro-sec--centered .pwr-sec-image-boxes__cta .cta_button { margin-top: 45px; position: relative !important; top: 0 !important; } .pwr-image-box { border: 0px solid transparent; color: #000000; display: inline-block; float: left; position: relative; width: 100%; z-index: 1; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin: 10px; } .pwr-image-box__img { background-size: cover; background-position: center; border-radius: 0px; height: 380px; width: 100%; } .pwr-image-box--style-below-2 .pwr-image-box__img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 25% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 50% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 590px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img { height: 500px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 380px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 780px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 25%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 50%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 600px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--one-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 480px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 66.66%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two .pwr-image-box__img { height: 400px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 800px; } .pwr-image-box__overlay { border-radius: 0px; 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__overlay--front { background-color: #000000; opacity: .3; } .pwr-image-box:hover .pwr-image-box__overlay { background-color: #273f57; 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-sec-image-boxes__container--centered .pwr-image-box__below { padding-right: 0; } .pwr-image-box .pwr-image-box__below, .pwr-image-box:hover .pwr-image-box__below { color: #000000; } .pwr--dark .pwr-image-box .pwr-image-box__below, .pwr--dark .pwr-image-box:hover .pwr-image-box__below{ color: #FFFFFF; } .pwr-image-box--style-below-2 .pwr-image-box__below { border-top-left-radius: 0; border-top-right-radius: 0; padding: 35px 40px; } .pwr-image-box--style-below-1 .pwr-image-box__intro, .pwr-image-box--style-below-2 .pwr-image-box__intro { color: #273f57; } .pwr-image-box:hover .pwr-image-box__back { transition: opacity .4s ease-in-out; } .pwr-image-box__front, .pwr-image-box:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-image-box:hover .pwr-image-box__front, .pwr-image-box__back { opacity: 0; } .pwr-image-box__intro { display: block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 8px; } .pwr-image-box__title { display: block; font-family: Montserrat, sans-serif; font-size: 24px; font-weight: bold; line-height: 1.2em; } .pwr-image-box__desc { display: inline-block; line-height: 2em; 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: Montserrat, sans-serif; font-size: 13px; font-weight: bold; height: 0; opacity: 0; overflow: hidden; padding: 20px 0 0 0; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr-image-box__more-link, .pwr-image-box__more-link:hover { color: #FFFFFF; } .pwr-image-box__more-link:hover { overflow: visible; } .pwr-image-box__more-link:not(.pwr-image-box__more-link--centered):hover .pwr-image-box__icon { transform: translateX(4px); } .pwr-image-box__more-link--mobile { display: none; } @media (hover: none) { .pwr-image-box__more-link--mobile { display: block; height: auto; opacity: 1; } .pwr-image-box__more-link--mobile, .pwr-image-box__more-link--mobile:hover { color: #000000; } .pwr--dark .pwr-image-box__more-link--mobile, .pwr--dark .pwr-image-box__more-link--mobile:hover { color: #FFFFFF; } } .pwr-image-box--is-link:hover .pwr-image-box__more-link { height: auto; opacity: 1; } .pwr-image-box__more-link--centered { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link--centered { padding-top: 0; } .pwr-image-box__icon { display: inline-block; fill: currentColor; padding-left: 10px; position: relative; top: .15em; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-image-box__icon--no-text { padding-left: 0; font-size: 25px; } .pwr-image-box--smaller .pwr-image-box__back .pwr-image-box__icon--no-text { font-size: 18px; } .pwr-image-box--smaller .pwr-image-box__front, .pwr-image-box--smaller .pwr-image-box__back { padding: 40px 30px; } .pwr-image-box--smaller .pwr-image-box__intro, .pwr-image-box--smaller .pwr-image-box__desc { font-size: 14px; } .pwr-image-box--smaller .pwr-image-box__title { font-size: 20px; } .pwr-image-box--smaller.pwr-image-box--style-below-2 .pwr-image-box__below { padding: 30px; } @media (max-width: 1199px ) { .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: calc( 33.33% - 20px ); } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: calc( 66.66% - 20px ); } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one { width: 33.33%; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two { width: 66.66%; } } @media (max-width: 991px ) { .pwr-sec-image-boxes__intro-sec { max-width: 100%; } .pwr-sec-image-boxes__cta .cta_button { margin-top: 34px; position: relative !important; top: 0 !important; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one { width: calc( 50% - 20px ) !important; } .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two { width: calc( 100% - 20px ) !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 50% !important; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two { width: 100% !important; } } @media (max-width: 767px ) { .pwr-sec-image-boxes { padding: 102px 0; } .pwr-sec-image-boxes__container { margin-left: 0; margin-right: 0; } .pwr-image-box__front, .pwr-image-box__back { padding: 38px 30px; } .pwr-image-box__below { padding: 23px 8px 27px 0; } .pwr-image-box__intro { font-size: 15px; } .pwr-image-box__title { font-size: 18px; } .pwr-image-box--is-link:hover .pwr-image-box__more-link, .pwr-image-box__more-link--mobile { padding-top: 15px; } .pwr-image-box__more-link--centered { font-size: 15px; } .pwr-image-box__icon--no-text { font-size: 19px; } .pwr-image-box--smaller .pwr-image-box__back .pwr-image-box__icon--no-text { font-size: 15px; } .pwr-image-box--smaller .pwr-image-box__front, .pwr-image-box--smaller .pwr-image-box__back { padding: 30px 23px; } .pwr-image-box--smaller .pwr-image-box__title { font-size: 15px; } .pwr-image-box--style-below-2 .pwr-image-box__below { padding: 27px 30px; } .pwr-image-box--smaller.pwr-image-box--style-below-2 .pwr-image-box__below { padding: 23px; } .pwr-image-box.pwr-image-box--one-by-one, .pwr-image-box.pwr-image-box--two-by-one, .pwr-image-box.pwr-image-box--one-by-two, .pwr-image-box.pwr-image-box--two-by-two, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--one-by-one, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one { width: 100% !important; } .pwr-sec-image-boxes__container:not(.pwr-sec-image-boxes__container--no-gutter) .pwr-image-box { margin-left: 0; margin-right: 0; } .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 285px; } .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 380px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--4cols.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 300px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box--style-below-2.pwr-image-box--3cols-rect.pwr-image-box--two-by-two .pwr-image-box__img { height: 240px; } .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-one .pwr-image-box__img, .pwr-sec-image-boxes__container--no-gutter .pwr-image-box.pwr-image-box--two-by-two .pwr-image-box__img { height: 400px; } } /* ========================================================================== Section Image Slider #mod-is ========================================================================== */ .pwr-sec-images { padding: 140px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-images--with-intro { padding-top: 100px; } .pwr-sec-images__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-images__slider .owl-stage-outer { border-radius:0px; overflow: hidden; } .pwr-sec-images__slider img { border-radius: 0px; } .pwr-sec-images__slider .pwr-owl.owl-carousel .owl-dots.disabled { display: block; opacity: 0; } .pwr-sec-images__slider .pwr-sec-images__slide { background-repeat: no-repeat; background-size: cover; width:100vw; } .pwr-sec-images--full-width .pwr-owl-nav__prev { left: 0; } .pwr-sec-images--full-width .pwr-owl-nav__next { right: 0; } @media (max-width: 767px) { .pwr-sec-images { padding: 105px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-images--with-intro { padding-top: 75px; } .pwr-sec-images__intro-sec { margin-bottom: 53px; } } /* ========================================================================== Section Map #mod-map ========================================================================== */ .pwr-sec-map { overflow: hidden; position: relative; z-index: 0; } :not(.pwr-sec-map__box) > .pwr-sec-map__content { display: table-cell; height: auto; padding: 90px; width: 100%; vertical-align: middle; } .pwr-sec-map__desc { line-height: 2.25em; } .pwr-sec-map__title + .pwr-sec-map__desc { margin-top: 20px; } .pwr-sec-map__contact { color: #000000; display: inline-block; float: left; font-size: 18px; padding-bottom: 15px; padding-left: 20px; line-height: 1.88em; } .pwr-sec-map__title + .pwr-sec-map__contact-container, .pwr-sec-map__desc + .pwr-sec-map__contact-container { margin-top: 20px; } .pwr--dark .pwr-sec-map__contact { color: #FFFFFF; } .pwr-sec-map__contact-icon { display: inline-block; fill: currentColor; font-size: 18px; float: left; padding-top: 6px; } .pwr-sec-map__cta .cta_button { margin-top: 20px; } .pwr-sec-map__contact-container + .pwr-sec-map__cta .cta_button { margin-top: 40px; } .pwr-sec-map__title + .pwr-form, .pwr-sec-map__desc + .pwr-form { margin-top: 40px; } .pwr-sec-map__cta + .pwr-form, .pwr-sec-map__contact-container + .pwr-form { margin-top: 80px; } .pwr-sec-map .page-center :not(.pwr-sec-split__left):not(.pwr-sec-split__right) > .pwr-sec-map__map { border-radius: 0px; overflow: hidden; position: relative; } .pwr-sec-map__map, .pwr-sec-map__map > iframe { width: 100%; } .pwr-sec-map__map > iframe { height: 100%; float: left; } @media (max-width: 1199px ) { .pwr-sec-map__box, :not(.pwr-sec-map__box) > .pwr-sec-map__content { height: auto !important; } } @media (min-width: 992px ) { .pwr-sec-map__box { border-radius: 0px; max-width: 400px; padding: 40px 50px 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-sec-map__box:not(.pwr--dark) { background-color: #273f57; } .pwr-sec-map__box--left { left: 80px; } .pwr-sec-map__box--right { right: 80px; } } @media (max-width: 991px ) { .pwr-sec-map__box, :not(.pwr-sec-map__box) > .pwr-sec-map__content { display: block; padding: 50px 40px; } .pwr-sec-map__map { height: 400px !important; } } @media (max-width: 767px ) { .pwr-sec-map__contact { font-size: 15px; padding-bottom: 12px; padding-left: 15px; } .pwr-sec-map__title + .pwr-sec-map__desc, .pwr-sec-map__title + .pwr-sec-map__contact-container, .pwr-sec-map__desc + .pwr-sec-map__contact-container { margin-top: 15px; } .pwr-sec-map__contact-icon { font-size: 15px; padding-top: 5px; } .pwr-sec-map__cta .cta_button { margin-top: 15px; } .pwr-sec-map__contact-container + .pwr-sec-map__cta .cta_button { margin-top: 30px; } .pwr-sec-map__title + .pwr-form, .pwr-sec-map__desc + .pwr-form { margin-top: 30px; } .pwr-sec-map__cta + .pwr-form, .pwr-sec-map__contact-container + .pwr-form { margin-top: 60px; } } /* ========================================================================== Section Media Content Split #mod-mcs ========================================================================== */ .pwr-sec-split { overflow: hidden; position: relative; z-index: 0; } .pwr-sec-split__left, .pwr-sec-split__right { overflow: hidden; position: relative; } .pwr-sec-split__img { background-size: cover; background-position: top; width: 100%; } .pwr-sec-split__content { display: table-cell; height: auto; padding: 90px; width: 100%; vertical-align: middle; } .pwr-sec-split__desc { line-height: 2.25em; } .pwr-sec-split__title + .pwr-sec-split__desc { margin-top: 15px; } .pwr-sec-split__testimonial-name { margin-top: 40px; text-transform: capitalize; } .pwr-sec-split__contact{ font-size: 19px; margin-top: 65px; } .pwr-sec-split__contact .pwr-social-icon:hover { color: #273f57; } .pwr-sec-split__logo { margin-top: 40px; } .pwr-sec-split__link { color: #273f57; display: block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; margin-top: 40px; position: relative; text-transform: capitalize; transition: color .4s ease-in-out; } .pwr-sec-split__link:hover { color: #000000; } .pwr--dark .pwr-sec-split__link { color: #273f57; } .pwr--dark .pwr-sec-split__link:hover { color: #FFFFFF; } .pwr-sec-split__link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-sec-split__cta-container { margin-top: 40px; } @media (max-width: 1199px) { .pwr-sec-split__content { height: auto !important; } } @media (min-width: 991px) { .pwr-sec-split__left, .pwr-sec-split__right { float: left; width: 50%; } .pwr-sec-split--invert-cols .pwr-sec-split__left { float: right; order: 1; } .pwr-sec-split--invert-cols .pwr-sec-split__right { order: 0; } } @media (max-width: 767px) { .pwr-sec-split__content { padding: 60px 40px; } .pwr-sec-split__testimonial-name { margin-top: 30px; } .pwr-sec-split__contact{ font-size: 15px; margin-top: 40px; } .pwr-sec-split__logo { margin-top: 30px; } .pwr-sec-split__link { margin-top: 30px; } .pwr-sec-split__cta-container { margin-top: 30px; } } /* ========================================================================== Section Device Mockup #mod-dm ========================================================================== */ .pwr-sec-mockup { padding: 140px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-mockup__content { width: 40%; left: 60%; position: relative; } .pwr-sec-mockup__content--left { left: 0; } .pwr-sec-mockup__cta-container { margin-top: 40px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 20px; } .pwr-sec-mockup__title + .pwr-sec-mockup__form, .pwr-sec-mockup__desc + .pwr-sec-mockup__form { margin-top: 40px; } .pwr-sec-mockup__form .hs-submit { margin-top: 10px; } .pwr-sec-mockup__mockup { width: 55vw; } .pwr-sec-mockup__mockup--not-fw { width: 50%; } .pwr-sec-mockup__mockup--right { float: right; width: 50vw; } .pwr-sec-mockup__mockup-img { max-width: 100vw; width: 100%; } @media (max-width: 991px ) { .pwr-sec-mockup { padding: 105px 0; } .pwr-sec-mockup__mockup--hide-mobile { display: none; } .pwr-sec-mockup__content { left: 0 !important; text-align: center; width: 100% !important; } .pwr-sec-mockup__cta-container { margin-top: 30px; } .pwr-sec-mockup__title + .pwr-sec-mockup__desc { margin-top: 15px; } .pwr-sec-mockup__mockup { margin: 50px auto 0; } .pwr-sec-mockup__mockup--right { float: none; } } @media (min-width: 992px) { .pwr-sec-mockup__content--pos-vert { position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } } @media (max-width: 575px ) { .pwr-sec-mockup__mockup { width: 100% !important; } } /* ========================================================================== Section Pricing Tables #mod-pt ========================================================================== */ .pwr-sec-price-tables { padding: 90px 0; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-price-tables--with-intro { padding: 125px 0 130px; } .pwr-sec-price-tables__intro-sec { margin-bottom: 55px; position: relative; } .pwr-sec-price-tables__title + .pwr-sec-price-tables__desc { margin-top: 20px; } .pwr-price-table { border-radius: 0px; float: left; margin: 55px 10px 10px; overflow: visible; padding: 50px 0 60px; position: relative; width: calc( 33.33% - 20px ); } .pwr--dark .pwr-price-table--opac:not(.pwr--light), .pwr-price-table--opac.pwr--dark { background-color: rgba(0, 0, 0, .85); } .pwr--light .pwr-price-table--opac:not(.pwr--dark), .pwr-price-table--opac.pwr--light { background-color: rgba(255, 255, 255, .85); } .pwr-price-table--highlighted { background-color: #273f57 !important; color: #FFFFFF !important; } .pwr-price-table--opac.pwr-price-table--highlighted { background-color: rgba(39, 63, 87, .85) !important; } .pwr-price-table--highlighted .pwr-price-table-features__icon { color: #FFFFFF; } .pwr-price-table--recommended { border-top-left-radius: 0; border-top-right-radius: 0; } .pwr-price-table__recommended { background-color: #273f57; border-top-left-radius: 0px; border-top-right-radius: 0px; color: #FFFFFF; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; padding: 12px 40px; position: absolute; text-transform: capitalize; top: -44px; width: 100%; } .pwr-price-table__title { margin: 0; padding: 0 40px; word-break: break-word; } .pwr-price-table__title--style-reduced { margin: 0 0 15px; } .pwr-price-table__title--style-full { margin: 0 0 5px; } .pwr-price-table__desc { display: inline-block; padding: 0 40px; } .pwr-price-table__desc--style-reduced { margin-bottom: 40px; } .pwr-price-table__desc--style-full-1 { margin-bottom: 50px; } .pwr-price-table__desc--style-full-2 { margin-bottom: 30px; } .pwr-price-table__price { display: inline-block; font-size: 36px; font-weight: 300; line-height: 1em; padding: 0 40px; } .pwr-price-table__price--style-reduced { margin-bottom: 45px; } .pwr-price-table__price--style-full-1 { margin-bottom: 30px; } .pwr-price-table__price--style-full-2 { margin-bottom: 15px; } .pwr-price-table-features--style-full-1 { margin-bottom: 40px; padding: 0 40px; } .pwr-price-table-features--style-full-2 { margin-bottom: 30px; } .pwr-price-table-features--style-full-2 { background-color: #FFFFFF; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted):not(.pwr--light) .pwr-price-table-features--style-full-2, .pwr-price-table:not(.pwr-price-table--highlighted).pwr--dark .pwr-price-table-features--style-full-2 { background-color: #000000; } .pwr-price-table--highlighted .pwr-price-table-features--style-full-2 { background-color: #273f57; } .pwr-price-table-features__icon { color: #273f57; display: inline-block; fill: currentColor; padding-right: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pwr-price-table-features__text { display: inline-block; padding-left: 35px; } .pwr-price-table-features__item { position: relative; } .pwr-price-table-features__item--style-full-1:not(:last-child) { margin-bottom: 15px; } .pwr-price-table-features__item--style-full-2 { margin: 0 40px; padding: 15px 0; } .pwr-price-table-features__item--style-full-2:not(:last-child) { border-bottom: 2px solid rgba(39, 63, 87, .1); } .pwr--dark .pwr-price-table-features__item--style-full-2:not(:last-child), .pwr-price-table--highlighted .pwr-price-table-features__item--style-full-2:not(:last-child) { border-bottom: 2px solid rgba(255, 255, 255, .3); } .pwr-price-table-features__item--style-full-1.pwr-price-table-features__item--disabled { opacity: .3; } .pwr-price-table-features__item--style-full-2.pwr-price-table-features__item--disabled { text-decoration: line-through; } .pwr-price-table-features__item--disabled .pwr-price-table-features__icon { color: inherit; } .pwr-price-table__cta { padding: 0 40px; } .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button, .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button:before { color: #FFFFFF !important; } .pwr-price-table--highlighted .pwr-price-table__cta.pwr-cta--link .cta_button:after { background-color: #FFFFFF !important; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button, .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button:before { color: #000000 !important; } .pwr--dark .pwr-price-table:not(.pwr-price-table--highlighted).pwr--light .pwr-price-table__cta.pwr-cta--link .cta_button:after { background-color: #000000 !important; } @media (max-width: 1199px ) { .pwr-price-table { width: calc( 50% - 20px ); } /* .pwr-price-table--recommended { padding-top: 0; } .pwr-price-table__recommended { position: relative; top: 0; } .pwr-price-table__recommended + .pwr-price-table__title { margin-top: 40px; }*/ } @media (max-width: 991px ) { .pwr-price-table__title { font-size: 32px; } } @media (max-width: 767px ) { .pwr-sec-price-tables { padding: 68px 0; } .pwr-sec-price-tables--with-intro { padding: 94px 0 98px; } .pwr-sec-price-tables__intro-sec { margin-bottom: 42px; } .pwr-sec-price-tables__title + .pwr-sec-price-tables__desc { margin-top: 15px; } .pwr-price-table { width: 100%; } .pwr-price-table, .pwr-price-tables.pwr--neg-margin-lr-10 { margin-left: 0; margin-right: 0; } .pwr-price-table__title--style-reduced { margin: 0 0 12px; } .pwr-price-table__desc--style-reduced { margin-bottom: 30px; } .pwr-price-table__desc--style-full-1 { margin-bottom: 38px; } .pwr-price-table__desc--style-full-2 { margin-bottom: 23px; } .pwr-price-table__price { font-size: 27px; } .pwr-price-table__price--style-reduced { margin-bottom: 34px; } .pwr-price-table__price--style-full-1 { margin-bottom: 23px; } .pwr-price-table__price--style-full-2 { margin-bottom: 12px; } .pwr-price-table-features--style-full-1 { margin-bottom: 30px; } .pwr-price-table-features--style-full-2 { margin-bottom: 23px; } .pwr-price-table-features__item--style-full-1:not(:last-child) { margin-bottom: 12px; } } /* ========================================================================== Section Blog Posts Preview #mod-bpp ========================================================================== */ .pwr-sec-posts { overflow: hidden; padding: 135px 0 105px; position: relative; z-index: 0; } .pwr-sec-posts__intro-sec { position: relative; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec { margin-bottom: 80px; } .pwr-sec-posts__intro-sec--centered { max-width: 100%; } .pwr-sec-posts__cta--horizontal-layout { margin-top: 40px; } .pwr-rel-post-item { cursor: pointer; display: block; z-index: 1; } .pwr-rel-post-item__title { margin: 10px 0; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr-sec-posts__title + .pwr-sec-posts__desc { margin-top: 20px; } .pwr-sec-posts__desc { max-width: 800px; } .pwr-rel-post-item__more-link { font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; opacity: 0; position: relative; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr-rel-post-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-rel-post-item__title, .pwr-rel-post-item__more-link { color: #000000; } .pwr-rel-post-item__more-link--centered { color: #FFFFFF; font-size: 18px; } .pwr-rel-post-item:hover .pwr-rel-post-item__title { color: #273f57; } .pwr-rel-post-item:hover .pwr-rel-post-item__more-link, .pwr-rel-post-item:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-rel-post-item--large .pwr-post-item__overlay { position: relative; transition: opacity .4s ease-in-out; } .pwr-rel-post-item:hover .pwr-post-item__overlay { opacity: .85; } .pwr-rel-post-item__img { background-position: center; background-size: cover; border-radius: 0px; height: 400px; width: 100%; } .pwr--dark .pwr-rel-post-item__title, .pwr--dark .pwr-rel-post-item__more-link { color: #FFFFFF; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__more-link { color: #273f57; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__title, .pwr--dark .pwr-rel-post-item--large:hover .pwr-rel-post-item__more-link { color: #FFFFFF; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large { float: left; width: 48%; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even) { margin-left: 4%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { float: left; margin-left: 2%; width: 23.25%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:first-child { margin-left: 0; } .pwr-sec-posts--small { padding-bottom: 120px; } .pwr-rel-post-item--small { margin-bottom: 20px; max-height: 100px; position: relative; width: 100%; } .pwr-rel-post-item__img--small { display: inline-block; height: 100px; margin-right: 30px; width: 100px; } .pwr-rel-post-item__img-overlay { background-color: #273f57; border-radius: 0px; color: #FFFFFF; font-size: 20px; height: 100%; position: relative; transition: all .4s ease-in-out; opacity: 0; width: 100%; } .pwr-rel-post-item:hover .pwr-rel-post-item__img-overlay { opacity: .8; } .pwr-rel-post-item__overlay-icon { display: inline-block; fill: currentColor; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pwr-rel-post-item__title--small { display: inline; margin: 0; opacity: .5; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .pwr--dark .pwr-rel-post-item__title--small { opacity: 1; } .pwr-rel-post-item:hover .pwr-rel-post-item__title--small { opacity: 1; } .pwr--dark .pwr-rel-post-item:hover .pwr-rel-post-item__title--small { color: #273f57; } .pwr-sec_posts-item__border { border: 1px solid #000000; bottom: 0; opacity: .1; position: absolute; left: 130px; width: calc( 100% - 130px ); } .pwr--dark .pwr-sec_posts-item__border { border: 1px solid #FFFFFF; } .pwr-rel-post-item__wrapper--text:hover .pwr-rel-post-item__title--text { color: #000000; } .pwr-rel-post-item__wrapper--text:hover .pwr-rel-post-item__more-link { color: #273f57; } .pwr-rel-post-item__wrapper--text .pwr-post-item__name, .pwr-rel-post-item__wrapper--text .pwr-post-item__date, .pwr-rel-post-item__wrapper--text .pwr-post-item__n-min-read { color: #273f57; display: inline-block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; text-transform: capitalize; } .pwr-rel-post-item__wrapper--text .pwr-post-item__n-min-read { font-weight: 500; } .pwr-rel-post-item__title--text { margin: 0 0 15px; } .pwr--dark .pwr-rel-post-item__wrapper--text { color: #FFFFFF; } .pwr-rel-post-item__summary { color: #000000; font-family: Montserrat, sans-serif; font-size: 14px; line-height: 1.6em; } .pwr--dark .pwr-rel-post-item__summary { color: #FFFFFF; } .pwr-rel-post-item__summary p { margin: 0; } @media (hover: none) { .pwr-rel-post-item__wrapper--text .pwr-rel-post-item__more-link { color: #273f57; opacity: 1; } } @media (max-width: 1199px ) { .pwr-sec-posts__intro-sec--small-hor { padding-right: 8%; } .pwr-sec-posts__container--large-hor { padding-left: 8%; } } @media (min-width: 992px ) { .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta .cta_button { position: absolute !important; right: 0; top: 60px !important; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta--no-intro-title .cta_button { top: 15px !important; } .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec--centered .pwr-sec-posts__cta .cta_button { margin-top: 40px; position: relative !important; top: 0 !important; } .pwr-sec-posts__intro-sec--large-hor, .pwr-sec-posts__container--small-hor { float: left; width: 40%; } .pwr-sec-posts__intro-sec--small-hor, .pwr-sec-posts__container--large-hor { float: left; width: 60%; } .pwr-sec-posts__intro-sec--small-hor { padding-right: 12%; } .pwr-sec-posts__container--large-hor { padding-left: 12%; } .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small { float: left; width: 48%; } .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small:nth-child(even) { margin-left: 4%; } .pwr-rel-post-item__wrapper--text { float: left; margin-right: 6%; width: 27.33%; } } @media (max-width: 991px ) { .pwr-sec-posts__intro-sec { margin-bottom: 80px; max-width: 100%; } .pwr-sec-posts__intro-sec--small-hor { padding-right: 0; } .pwr-sec-posts__container--large-hor { padding-left: 0; } .pwr-sec-posts__cta { margin-top: 40px; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { margin-left: 0; margin-top: 20px; width: 48%; } .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:nth-child(even) { margin-left: 4%; } .pwr-rel-post-item__img:not(.pwr-rel-post-item__img--small) { height: 200px; } .pwr-rel-post-item__title:not(.pwr-rel-post-item__title--text) { margin: 0; } .pwr-rel-post-item__wrapper--text:not(:last-child) .pwr-rel-post-item { margin-bottom: 35px; } } @media (max-width: 767px ) { .pwr-sec-posts { padding: 102px 0 79px; } .pwr-sec-posts__intro-sec, .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec { margin-bottom: 60px; } .pwr-sec-posts__title + .pwr-sec-posts__desc { margin-top: 15px; } .pwr-sec-posts__cta { margin-top: 30px; } .pwr-rel-post-item__img--small { height: 75px; width: 75px; } .pwr-sec_posts-item__border { left: 105px; width: calc( 100% - 105px ); } .pwr-rel-post-item__title--text { margin-bottom: 12px; } } @media (max-width: 575px ) { .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large { margin-top: 20px; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large, .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large { float: none; width: 100%; } .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even), .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:nth-child(even) { margin-left: 0; } .pwr-rel-post-item--small { margin-bottom: 0; margin-top: 20px; max-height: 100%; } .pwr-rel-post-item__img--small { display: block; height: 200px; margin-bottom: 20px; margin-right: 0px; width: 100%; } .pwr-rel-post-item__title--small { display: block; margin: inherit; opacity: 1; position: relative; -webkit-transform: none; transform: none; top: auto; } .pwr-sec_posts-item__border { display: none; } } /* ========================================================================== Section Schedule #mod-sdl ========================================================================== */ .pwr-sec-schedule { padding: 135px 0 140px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-schedule__intro-sec { margin-bottom: 55px; position: relative; } .pwr-schedule-table { margin-top: 20px; position: relative; } .pwr-schedule-row { } .pwr-schedule-row:not(:last-of-type) { border-color: #FFFFFF; border-style: solid; border-width: 0 0 2px; } .pwr--dark .pwr-schedule-row:not(:last-of-type) { border-color: rgba(0, 0, 0, .4); } .pwr-schedule-table:before { background-color: #FFFFFF; bottom: 0; content: ''; left: 32%; position: absolute; top: 0; width: 2px; } .pwr--dark .pwr-schedule-table:before, .pwr-schedule-table.pwr--dark:before { background-color: rgba(0, 0, 0, .4); } .pwr-schedule-row__left, .pwr-schedule-row__right { display: block; float: left; padding: 35px 40px; } .pwr-schedule-row__left { width: 32%; } .pwr-schedule-row__right { width: 68%; } .pwr-schedule-row__title { margin: 0 0 6px; } @media (max-width: 767px ) { .pwr-sec-schedule { padding: 102px 0 105px; } .pwr-sec-schedule__intro-sec { margin-bottom: 42px; } } @media (max-width: 767px ) { .pwr-schedule-table:before { display: none; } .pwr-schedule-row:not(:last-of-type) { border-width: 0 0 10px; } .pwr-schedule-row__left, .pwr-schedule-row__right { float: none; width: 100%; } .pwr-schedule-row__left { padding: 20px 20px 0; } .pwr-schedule-row__right { padding: 5px 20px 20px; } .pwr-schedule-row__title { margin: 0; } } /* ========================================================================== Section Services #mod-svs ========================================================================== */ .pwr-sec-services { padding: 135px 0 140px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-services--style-2 { padding-bottom: 110px; } .pwr-services--style-3 { text-align: left; } .pwr-sec-services__intro-sec { margin-bottom: 100px; position: relative; } .pwr-sec-services--style-3 .pwr-sec-services__intro-sec { margin-bottom: 80px; } .pwr-sec-services__title + .pwr-sec-services__desc { margin-top: 30px; } .pwr-services-item { color: #000000; display: inline-block; float: left; padding: 30px 40px 25px; position: relative; width: 33.33%; } .pwr-services-item__icon { color: #000000; display: inline-block; fill: currentColor; font-size: 30px; padding-bottom: 20px; } .pwr-services-item__img { margin-top: 5px; max-width: 30px; max-height: 30px; width: 100%; vertical-align: top; } .pwr-services-item__title { display: block; font-family: Montserrat, sans-serif; font-size: 19px; font-weight: bold; margin-bottom: 15px; text-transform: capitalize; transition: color .4s ease-in-out; } .pwr-services-item.pwr-services-item--is-link:hover .pwr-services-item__title { color: #273f57; } .pwr-services-item__desc { color: #000000; display: inline-block; margin-bottom: 20px; } .pwr-services-item__more-link { color: #000000; display: block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; opacity: 0; position: relative; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr-services-item__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-services-item--is-link:hover .pwr-services-item__more-link { opacity: 1; } .pwr--dark .pwr-services-item__icon, .pwr--dark .pwr-services-item__title, .pwr--dark .pwr-services-item__desc, .pwr--dark .pwr-services-item__more-link { color: #FFFFFF; } .pwr-services-box { color: #000000; display: inline-block; float: left; height: 300px; margin: 10px; position: relative; width: calc( 33.33% - 20px ); } .pwr-services-box .pwr-services-item__title { transition: none; } .pwr-services-box__front, .pwr-services-box__back { padding: 50px 40px; position: absolute; } .pwr-services-box__front { bottom: 0; left: 0; z-index: 1; } .pwr-services-box__front .pwr-services-item__title { margin-bottom: 0; } .pwr-services-box__back { bottom: 0; color: #FFFFFF; left: 0; opacity: 0; transition: all .4s ease-in-out; z-index: 0; } .pwr-services-box__back .pwr-services-item__desc, .pwr-services-box__back .pwr-services-item__more-link { color: #FFFFFF; } .pwr-services-box__inner { background-color: #FFFFFF; } .pwr-services-box:hover .pwr-services-box__inner { background-color: #273f57 !important; } .pwr-services-box:hover .pwr-services-box__front { opacity: 0; z-index: -1; } .pwr-services-box:hover .pwr-services-box__back { opacity: 1; } .pwr-services-item--is-link:not(.pwr-services-box):hover .pwr-services-item__more-link:hover { color: #273f57; } .pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner:not(.pwr--dark) .pwr-services-item__icon { color: #000000; } .pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner.pwr--dark .pwr-services-item__icon { color: #FFFFFF; } .pwr--dark .pwr-services-box__inner:not(.pwr--dark) .pwr-services-box__front .pwr-services-item__title { color: #FFFFFF; } @media (hover: none) { .pwr-services-item--is-link:not(.pwr-services-box) .pwr-services-item__more-link { color: #273f57; opacity: 1; } } @media (max-width: 991px) { .pwr-sec-services { padding: 102px 0 105px; } .pwr-sec-services--style-2 { padding-bottom: 83px; } .pwr-sec-services__intro-sec { margin-bottom: 75px; } .pwr-services-item { width: 50%; } .pwr-services-item__icon { font-size: 23px; padding-bottom: 15px; } .pwr-services-item__img { max-width: 23px; max-height: 23px; } .pwr-services-item__title { font-size: 15px; margin-bottom: 12px; } .pwr-services-item__desc { margin-bottom: 15px; } .pwr-services-item__more-link { opacity: 1; } .pwr-services-box { width: calc( 50% - 20px ); } } @media (max-width: 767px) { .pwr-services-item { padding: 20px 0; width: 100%; } .pwr-services-box { width: 100%; margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .pwr-services--style-1 .pwr-services-item { border-right: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(0, 0, 0, .2); } .pwr--dark .pwr-services--style-1 .pwr-services-item { border-right: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); } .pwr-services--style-1 .pwr-services-item:nth-child(3n) { border-right: 0; } .pwr-services--style-1 .pwr-services-item.pwr-services-item--last-row { border-bottom: 0; } .pwr-services--style-2 { text-align: left; } .pwr-services--style-2 .pwr-services-item { padding: 20px 30px 25px 60px; } .pwr-services--style-2 .pwr-services-item__icon { position: absolute; left: 0; top: 15px; } } /* ========================================================================== Section Simple Link List #mod-sll ========================================================================== */ .pwr-sec-links { overflow: hidden; padding: 120px 0; position: relative; z-index: 0; } .pwr-sec-links__link { color: #000000; transition: color .4s ease-in-out; } .pwr-sec-links__link:hover, .pwr--dark .pwr-sec-links__link:hover { color: #273f57; } .pwr--dark .pwr-sec-links__link { color: #FFFFFF; } .pwr-sec-links__title { margin: 0 0 .4em; line-height: 1em; word-break: break-word; } @media (max-width: 767px ) { .pwr-sec-links { padding: 90px 0; } } @media (max-width: 575px ) { .pwr-sec-links__title { font-size: 30px; } } /* ========================================================================== Section Simple Listing #mod-sli ========================================================================== */ .pwr-sec-simple-list-items { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-simple-list-items--text-style { padding-bottom: 85px; } .pwr-sec-simple-list-items__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-simple-list-items__title + .pwr-sec-simple-list-items__desc { margin-top: 30px; } .pwr-sec-simple-list-items__container { margin-bottom: 30px; } .pwr-simple-list-item { color: #000000; display: inline-block; float: left; position: relative; } .pwr-simple-list-item.pwr-simple-list-item--text-style { color: #000000; } .pwr--dark .pwr-simple-list-item, .pwr--dark .pwr-simple-list-item.pwr-simple-list-item--text-style { color: #FFFFFF; } .pwr-simple-list-item--box-style { width: calc( 25% - 20px ); } .pwr-simple-list-item--text-style { width: calc( 50% - 20px ); padding-bottom: 20px; } .pwr-simple-list-item--text-style:not(.pwr-simple-list-item--is-link) { padding-bottom: 60px; } .pwr-simple-list-item__overlay { background-color: #273f57; border-radius: 0px; 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-simple-list-item--is-link:hover .pwr-simple-list-item__overlay { opacity: .85; } .pwr-simple-list-item__front { bottom: 0; left: 0; padding: 35px 30px; position: absolute; z-index: 1; } .pwr-simple-list-item--box-style .pwr-simple-list-item__front { position: relative; } .pwr-simple-list-item--text-style .pwr-simple-list-item__front { background-color: transparent; } .pwr-simple-list-item__title { margin: 0 0 10px; line-height: 1.3em; } .pwr-simple-list-item__desc { display: inline-block; font-size: 14px; max-width: 530px; line-height: 1.85em; width: 100%; } .pwr-simple-list-item--text-style .pwr-simple-list-item__title, .pwr-simple-list-item--text-style .pwr-simple-list-item__desc { margin-bottom: 15px; } .pwr-simple-list-item__additional-info { font-size: 14px; font-weight: bold; opacity: .4; padding-top: 5px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__additional-info { display: inline-block; padding-right: 20px; } .pwr-simple-list-item__desc + .pwr-simple-list-item__additional-info { padding-top: 15px; } .pwr-simple-list-item__additional-info + .pwr-simple-list-item__title{ margin-top: 10px; } .pwr-simple-list-item__icon { display: inline-block; fill: currentColor; margin-bottom: 2px; vertical-align: middle; } .pwr-simple-list-item__icon--no-text { padding: 0; font-size: 25px; } .pwr-simple-list-item__icon--info { padding-right: 10px; } .pwr-simple-list-item__icon--link { padding-left: 10px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__icon--link { margin-bottom: 0; transform: translateX(0px); transition: transform .4s ease-in-out; } .pwr-simple-list-item__more-link { display: block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: bold; opacity: 0; overflow: hidden; padding: 0; text-transform: capitalize; transition: all .4s ease-in-out; } .pwr-simple-list-item--text-style .pwr-simple-list-item__more-link:hover .pwr-simple-list-item__icon--link { transform: translateX(4px); } .pwr-simple-list-item__more-link--centered { color: #FFFFFF; font-size: 18px; } .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link .pwr-simple-list-item__more-link { color: #273f57; padding-top: 5px; } .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item--box-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__back { opacity: 1; transition: opacity .4s ease-in-out; } .pwr-simple-list-item--box-style.pwr-simple-list-item--is-link:hover .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item__more-link--mobile { display: none; } @media (hover: none) { .pwr-simple-list-item--text-style.pwr-simple-list-item--is-link .pwr-simple-list-item__more-link { opacity: 1; } .pwr-simple-list-item__more-link--mobile { display: block; opacity: 1; padding-top: 15px; } .pwr-simple-list-item__more-link--mobile, .pwr-simple-list-item__more-link--mobile:hover { color: #000000; } .pwr--dark .pwr-simple-list-item__more-link--mobile, .pwr--dark .pwr-simple-list-item__more-link--mobile:hover { color: #FFFFFF; } } @media (max-width: 1199px ) { .pwr-simple-list-item--box-style { width: calc( 33.33% - 20px ); } } @media (max-width: 991px ) { .pwr-simple-list-item--box-style { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-sec-simple-list-items { padding: 102px 0; } .pwr-sec-simple-list-items--text-style { padding-bottom: 64px; } .pwr-sec-simple-list-items__intro-sec { margin-bottom: 53px; } .pwr-sec-simple-list-items__title + .pwr-sec-simple-list-items__desc { margin-top: 23px; } .pwr-sec-simple-list-items__container { margin-bottom: 23px; } .pwr-simple-list-item--text-style .pwr-simple-list-item__title { margin-bottom: 12px; } } @media (max-width: 575px ) { .pwr-simple-list-item--text-style, .pwr-simple-list-item--box-style { width: 100%; } } /* ========================================================================== Section Stats Counter #mod-sc ========================================================================== */ .pwr-sec-stats { padding: 60px 0 35px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-stats--with-intro { padding: 90px 0 80px; } .pwr-sec-stats__intro-sec { margin-bottom: 55px; position: relative; } .pwr-sec-stats__title + .pwr-sec-stats__desc { margin-top: 20px; } .pwr-stats { font-size: 0; position: relative; } .pwr-stats--centered { text-align: center; } .pwr-sec-stats__wrapper:not(.page-center) { margin: 0 40px; } .pwr-stat { float: left; margin: 10px 20px 40px; width: calc( 25% - 40px ); max-width: 285px; } .pwr-stats--centered .pwr-stat { display: inline-block; float: none; } .pwr-stat__number, .pwr-stat__suffix { display: inline-block; font-family: Montserrat, sans-serif; font-size: 48px; font-weight: bold; line-height: 1em; word-break: break-all; } .pwr-stat__title { display: block; font-size: 18px; letter-spacing: 2px; text-transform: capitalize; } @media (max-width: 767px ) { .pwr-sec-stats { padding: 45px 0 27px; } .pwr-sec-stats--with-intro { padding: 68px 0 60px; } .pwr-sec-stats__intro-sec { margin-bottom: 38px; } .pwr-sec-stats__title + .pwr-sec-stats__desc { margin-top: 15px; } .pwr-stat { margin-bottom: 30px; } .pwr-stat__number, .pwr-stat__suffix { font-size: 36px; } .pwr-stat__title { font-size: 15px; } } @media (max-width: 575px ) { .pwr-stat { width: calc( 50% - 40px ); } } /* ========================================================================== Section Steps #mod-stp ========================================================================== */ .pwr-sec-steps { padding: 90px 0 55px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-steps--with-intro { padding: 135px 0 125px; } .pwr-sec-steps__intro-sec { margin-bottom: 60px; position: relative; } .pwr-sec-steps .pwr-steps { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; } .pwr-step { display: inline-block; float: none; margin: 10px 10px 40px; padding-right: 20px; position: relative; width: calc( 25% - 20px ); } .pwr-sec-steps--centered .pwr-step { padding-left: 10px; padding-right: 10px; } .pwr-step__count { background-color: #273f57; border-radius: 999px; color: #FFFFFF; display: block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; margin-bottom: 40px; text-align: center; width: 50px; } .pwr-sec-steps--centered .pwr-step__count { margin-left: auto; margin-right: auto; } .pwr-step__img { display: inline-block; height: auto; margin-bottom: 35px; } .pwr-step__icon { color: #273f57; display: inline-block; fill: currentColor; font-size: 35px; margin: 0 auto 20px; } .pwr-step__icon .hs_cos_wrapper_type_icon { display: block; line-height: 0; } .pwr-step__title { display: block; font-family: Montserrat, sans-serif; font-size: 19px; font-weight: bold; text-transform: capitalize; } .pwr-step__desc { display: inline-block; margin-left: auto; margin-right: auto; } .pwr-step__title + .pwr-step__desc { margin-top: 20px; } @media (max-width: 991px ) { .pwr-step { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-sec-steps { padding: 68px 0 42px; } .pwr-sec-steps--with-intro { padding: 102px 0 94px; } .pwr-sec-steps__intro-sec { margin-bottom: 45px; } .pwr-step__title { font-size: 15px; } } @media (max-width: 575px ) { .pwr-steps.pwr--neg-margin-lr-10, .pwr-step { margin-left: 0; margin-right: 0; } .pwr-step { float: none; width: 100%; } .pwr-step__count { margin-bottom: 30px; } .pwr-step__title + .pwr-step__desc { margin-top: 15px; } } /* ========================================================================== Section Team #mod-team ========================================================================== */ .pwr-sec-team { padding: 135px 0 100px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-team--style-full { padding-bottom: 130px; } .pwr-sec-team__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-team__title + .pwr-sec-team__desc { margin-top: 30px; } .pwr-team-member { display: inline-block; float: left; margin: 10px; position: relative; width: 100%; z-index: 1; } .pwr-team-member--style-reduced { width: calc( 25% - 20px ); } .pwr-team-member--style-reduced .pwr-3D-box { height: auto; } .pwr-team-member--style-full { width: calc( 33.33% - 20px ); } .pwr-team-member--is-link, .pwr-team-member--is-link:hover { color: #000000; } .pwr--dark .pwr-team-member--is-link, .pwr--dark .pwr-team-member--is-link:hover { color: #FFFFFF; } .pwr-team-member__img { background-size: cover; background-position: top; border-radius: 0px; width: 100%; } .pwr-team-member__img--style-reduced { height: 285px; } .pwr-team-member__img--style-full { height: 470px; } .pwr-team-member__overlay { background-color: #273f57; border-radius: 0px; height: 100%; opacity: 0; position: relative; -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-team-member--is-link:hover .pwr-team-member__overlay, .pwr-team-member--style-full:hover .pwr-team-member__overlay { opacity: .85; } .pwr-team-member__info-box--style-reduced, .pwr-team-member__info-box--style-full { padding: 30px; } .pwr-team-member__info-box--style-full { color: #FFFFFF; width: 100%; } .pwr-team-member--is-link:hover .pwr-3D-box__info-box, .pwr-team-member--style-full:hover .pwr-3D-box__info-box { opacity: 1; } .pwr-team-member__name-tag { background-color: rgba(255, 255, 255,.85); border-radius: 0px; bottom: 13px; color: #000000; left: 13px; opacity: 1; padding: 20px; position: absolute; right: 13px; text-align: center; transition: opacity .4s ease-in-out .4s; } .pwr-team-member--style-full:hover .pwr-team-member__name-tag { opacity: 0; transition: none; } .pwr-team-member__name { display: block; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; text-transform: capitalize; padding-bottom: 5px; } .pwr-team-member__job-title { display: block; font-family: Montserrat, sans-serif; font-size: 14px; text-transform: capitalize; } .pwr-team-member--style-reduced .pwr-team-member__job-title { margin-bottom: 10px; } .pwr-team-member__more-link { color: #FFFFFF; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; text-transform: capitalize; } .pwr-team-member__more-link:hover .pwr-link-icon { transform: translateX(4px); } .pwr-team-member__more-link--style-full { font-size: 13px; } .pwr-team-member__more-link--style-full:hover { color: #FFFFFF; } .pwr-team-member__more-link--mobile { display: none; } @media (hover: none) { .pwr-team-member__more-link--mobile { display: block; margin-bottom: 10px; } .pwr-team-member__more-link--mobile, .pwr-team-member__more-link--mobile:hover { color: #000000; } .pwr--dark .pwr-team-member__more-link--mobile, .pwr--dark .pwr-team-member__more-link--mobile:hover { color: #FFFFFF; } } .pwr-team-member__desc { display: block; padding-bottom: 35px; } .pwr-team-member__name + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__contact { padding-top: 30px; } .pwr-team-member__contact { font-size: 18px; padding-bottom: 35px; } .pwr-team-member__contact .pwr-social-icon { padding-bottom: 15px; } .pwr-team-member__contact .pwr-social-icon, .pwr-team-member__contact .pwr-social-icon:hover { color: #FFFFFF; } @media (max-width: 991px ) { .pwr-team-member--style-reduced { width: calc( 50% - 20px ); } .pwr-team-member--style-full { width: calc( 50% - 20px ); } } @media (max-width: 767px ) { .pwr-sec-team { padding: 102px 0 75px; } .pwr-sec-team--style-full { padding-bottom: 98px; } .pwr-sec-team__intro-sec { margin-bottom: 53px; } .pwr-sec-team__title + .pwr-sec-team__desc { margin-top: 23px; } .pwr-team-member__info-box--style-reduced, .pwr-team-member__info-box--style-full { padding: 23px; } .pwr-team-member__name, .pwr-team-member__more-link, .pwr-team-member__contact { font-size: 15px; } .pwr-team-member__desc, .pwr-team-member__contact { padding-bottom: 27px; } .pwr-team-member__name + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__desc, .pwr-team-member__job-title--style-full + .pwr-team-member__contact { padding-top: 23px; } } @media (max-width: 575px ) { .pwr-team-member--style-reduced, .pwr-team-member--style-full { width: 100%; } .pwr-team-members.pwr--neg-margin-lr-10, .pwr-tabs__content.pwr--neg-margin-lr-10, .pwr-team-member--style-reduced, .pwr-team-member--style-full { margin-left: 0; margin-right: 0; } } /* ========================================================================== Section Testimonial #mod-tes ========================================================================== */ .pwr-sec-testimonials { padding: 130px 0 135px; overflow: hidden; position: relative; z-index: 0; } .pwr-sec-testimonials--style-multiple { padding: 140px 0; } .pwr-sec-testimonials__intro-sec { margin-bottom: 70px; position: relative; } .pwr-sec-testimonials__intro-sec--style-multiple { margin-bottom: 90px; } .pwr-sec-testimonials__desc--style-2 { font-size: 24px; } .pwr-testimonial__quote { font-size: 18px; margin: 0 auto 40px; max-width: 1000px; line-height: 2em; text-align: center; width: 100%; } .pwr-testimonial__avatar { height: auto; width: 95px; } .pwr-testimonial__author { display: table; margin: 0 auto; } .pwr-testimonial__info { display: table-cell; font-family: Montserrat, sans-serif; text-transform: capitalize; vertical-align: middle; } .pwr-testimonial__name { font-weight: bold; } .pwr-testimonial:not(.pwr-testimonial--style-multiple):not(.pwr-testimonial--style-2) .pwr-testimonial__job-title:before { content: '|'; padding-right: 25px; padding-left: 25px; } .pwr-testimonial--style-multiple { background-color: #273f57; color: #000000; margin: 0 auto; min-height: 400px; padding: 40px; width: 100%; } .pwr-testimonial--style-multiple .pwr-testimonial__author { display: block; margin: 0 0 40px; } .pwr-testimonial--style-multiple .pwr-testimonial__name { display: block; } .pwr-testimonial--style-multiple .pwr-testimonial__quote { margin: 0; text-align: left; } .pwr-testimonial--style-2 .pwr-testimonial__quote { font-size: 24px; } .pwr-testimonial--style-2 .pwr-testimonial__name:after { content: ','; padding-right: 10px; } .pwr-testimonial--style-2 .pwr-testimonial__name:before { content: '\2014'; padding-right: 10px; } .pwr-testimonial--style-2 .pwr-testimonial__job-title { font-weight: bold; } @media (max-width: 991px ) { .pwr-sec-testimonials--style-multiple .pwr-sec-testimonials__slider { margin-left: 40px; margin-right: 40px; } .pwr-testimonial--style-2 .pwr-testimonial__quote { font-size: 18px; } } @media (max-width: 767px ) { .pwr-sec-testimonials { padding: 98px 0 102px; } .pwr-sec-testimonials--style-multiple { padding: 105px 0; } .pwr-sec-testimonials__intro-sec { margin-bottom: 53px; } .pwr-sec-testimonials__intro-sec--style-multiple { margin-bottom: 68px; } .pwr-sec-testimonials__desc--style-2 { font-size: 9930px; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial--style-multiple .pwr-testimonial__quote { text-align: center; } .pwr-testimonial__quote { font-size: 15px; margin-bottom: 30px; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial .pwr-testimonial__avatar { margin-bottom: 30px; } .pwr-testimonial .pwr-testimonial__avatar { width: auto; } .pwr-testimonial .pwr-testimonial__author, .pwr-testimonial .pwr-testimonial__name, .pwr-testimonial__info { display: block; } .pwr-testimonial .pwr-testimonial__name { margin-bottom: 3px; } .pwr-testimonial--style-2 .pwr-testimonial__name:after, .pwr-testimonial--style-2 .pwr-testimonial__name:before, .pwr-testimonial__job-title:before { display: none; } } /* ========================================================================== Section Testimonial Listing #mod-tesl ========================================================================== */ .pwr-sec-testimonials-listing { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-testimonials-listing__intro-sec { margin-bottom: 70px; position: relative; } .pwr-testimonial-listing-item { min-height: 0px; } .pwr-testimonial-listing-item--2cols { width: calc( 50% - 20px ); } .pwr-testimonial-listing-item--3cols { width: calc( 33.33% - 20px ); } @media (max-width: 1199px ) { .pwr-testimonial-listing-item--3cols { width: calc( 50% - 20px ); } } @media (max-width: 991px ) { .pwr-testimonial-listing-item--2cols, .pwr-testimonial-listing-item--3cols { width: 100%; } } @media (max-width: 767px ) { .pwr-sec-testimonials-listing { padding: 102px 0; } .pwr-sec-testimonials-listing__intro-sec { margin-bottom: 53px; } } /* ========================================================================== Section Text #mod-txt ========================================================================== */ .pwr-sec-txt { overflow: hidden; padding: 130px 0; position: relative; z-index: 0; } .pwr-sec-txt__intro-sec { position: relative; } .pwr-sec-txt__title { margin: 0 0 55px; } .pwr-sec-txt--right .pwr-sec-txt__title, .pwr-sec-txt--right .pwr-sec-txt__title-intro { max-width: 390px; } .pwr-sec-txt__left, .pwr-sec-txt__right { margin: 0; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt__right { float: left; } .pwr-sec-txt--1col .pwr-sec-txt__right, .pwr-sec-txt--right .pwr-sec-txt__left { display: none; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--right .pwr-sec-txt__intro-sec { margin-right: 40px; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--2col .pwr-sec-txt__right { width: calc( 50% - 20px ); } .pwr-sec-txt--right .pwr-sec-txt__intro-sec, .pwr-sec-txt--right .pwr-sec-txt__content { float: left; } .pwr-sec-txt--right .pwr-sec-txt__intro-sec { width: calc( 40% - 20px ) } .pwr-sec-txt--right .pwr-sec-txt__content { width: calc( 60% - 20px ); } @media (max-width: 767px) { .pwr-sec-txt { padding: 98px 0; } .pwr-sec-txt--right .pwr-sec-txt__title, .pwr-sec-txt--right .pwr-sec-txt__title-intro { max-width: 100%; } .pwr-sec-txt__title { margin-bottom: 30px; } .pwr-sec-txt--2col .pwr-sec-txt__left, .pwr-sec-txt--2col .pwr-sec-txt__right, .pwr-sec-txt--right .pwr-sec-txt__intro-sec, .pwr-sec-txt--right .pwr-sec-txt__content { margin: 0; width: 100%; } .pwr-sec-txt__left + .pwr-sec-txt__right { margin-top: 1em; } } @media (min-width: 768px) { .pwr-sec-txt--1col .pwr-sec-txt__title { margin-bottom: 30px; } .pwr-sec-txt--right .pwr-sec-txt__title { margin: 0; } } /* ========================================================================== Section Text Tabs #mod-txtt ========================================================================== */ .pwr-sec-text-tabs { padding: 140px 0 135px; overflow: hidden; position: relative; z-index: 0; } .pwr-tabs__header { font-weight: 500; margin-bottom: 40px; overflow: hidden; position: relative; } .pwr-tabs__tab-wrapper { font-size: 0; margin: 0; list-style: none; padding: 0; position: relative; width: 100%; } .pwr-tabs__tab-wrapper:not(.pwr-tabs__tab-wrapper--centered) { margin-left: -15px; margin-right: -15px; } .pwr-tabs__dropdown { display: none; } .pwr-tabs__dropdown select { font-weight: 600; } .pwr-tabs__tab { cursor: pointer; display: inline-block; font-size: 17px; min-height: 57px; min-width: 80px; padding: 15px; transition-property: color, opacity, border-color, font-weight, width; transition-duration: .4s; transition-timing-function: ease-in-out; } .pwr-tabs__tab:hover { color: #273f57; opacity: 1; } .pwr-tabs__tab--active, .pwr-tabs__tab--active:hover { border-bottom: 2px solid #273f57; color: #273f57; font-weight: 600; } .pwr-tabs__body { float: left; position: relative; width: 100%; } .pwr-tabs__content, .pwr-tabs__body .pwr-acc__header { display: none; } .pwr-tab__title { margin: 0 0 30px; } .pwr-tabs__content--2col .pwr-tab__content { float: left; width: calc( 50% - 20px); } .pwr-tabs__content--2col .pwr-tab__content--left { margin-right: 40px; } .pwr-tabs__tab-prefix { width: auto; } .pwr--dark .pwr-tabs__tab:hover { color: inherit; } .pwr--dark .pwr-tabs__tab--active { border-bottom: 2px solid #FFFFFF; color: #FFFFFF; } @media (min-width: 1200px) { .pwr-tabs__header--hor { float: left; font-family: Montserrat, sans-serif; margin-top: 10px; width: 33.33%; } .pwr-tabs__tab-wrapper--hor { margin: 0 !important; padding-right: 40px; } .pwr-tabs__tab-wrapper--hor:after { display: none; } .pwr--dark .pwr-tabs__tab-wrapper--hor { border-bottom: none; } .pwr-tabs__tab--hor { display: block; font-size: 20px; margin-bottom: .7em; min-height: 0; line-height: 1.6em; opacity: 0.66; padding: 0; } .pwr-tabs__tab--hor.pwr-tabs__tab--active { border-bottom: none; opacity: 1; } .pwr-tabs__body--hor { width: 66.66%; } .pwr-tabs__tab--hor .pwr-tabs__tab-prefix { display: inline-block; width: 40px; } } @media (min-width: 992px ) { .pwr-tabs__tab-wrapper::after { background-color: rgba(39, 63, 87, .1); bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; } .pwr--dark .pwr-tabs__tab-wrapper::after { background-color: rgba(255, 255, 255, .1); } } @media (max-width: 991px ) { .pwr-tabs__tab:not(.pwr-tabs__tab--active) { border-bottom: 2px solid rgba(39, 63, 87, .1); } .pwr--dark .pwr-tabs__tab:not(.pwr-tabs__tab--active) { border-bottom: 2px solid rgba(255, 255, 255, .1); } } @media (max-width: 767px ) { .pwr-sec-text-tabs { padding: 105px 0 102px; } .pwr-tabs__content--2col .pwr-tab__content { width: 100%; } .pwr-tabs__content--2col .pwr-tab__content--left { margin-right: 0; } } @media (max-width: 575px) { .pwr-tabs__dropdown { display: block; } .pwr-tabs__tab-wrapper { display: none; } } /* ========================================================================== Section Timeline #mod-tl ========================================================================== */ .pwr-sec-timeline { padding: 70px 0 140px; position: relative; overflow: hidden; z-index: 0; } .pwr-sec-timeline--with-intro { padding: 135px 0 140px; } .pwr-sec-timeline__intro-sec { margin-bottom: 90px; position: relative; } .pwr-timeline { list-style: none; -webkit-padding-start: 0; padding-inline-start: 0; } .pwr-timeline-item { margin-bottom: 50px; } .pwr-timeline-item:last-child { margin-bottom: 0; } .pwr-timeline-item__img { background-repeat: no-repeat; background-position: center; background-size: cover; height: 250px; width: 100%; } .pwr-timeline-item__content { padding: 60px 50px; } .pwr-timeline-item__title { margin: 0 0 25px; } @media (min-width: 992px) { .pwr-timeline { max-width: 1080px; } .pwr-timeline--centered { margin: 0 auto; } .pwr-timeline-item { width: 47%; } .pwr-timeline-item:nth-child(even) { float: right; } .pwr-timeline-item:nth-child(odd) { float: left; } .pwr-timeline-item:nth-of-type(2) { margin-top: 125px; } } @media (max-width: 767px ) { .pwr-sec-timeline { padding: 53px 0 105px; } .pwr-sec-timeline--with-intro { padding: 102px 0 105px; } .pwr-sec-timeline__intro-sec { margin-bottom: 68px; } .pwr-timeline-item__img { height: 200px; } .pwr-timeline-item__content { padding: 45px 38px; } .pwr-timeline-item__title { margin: 0 0 19px; } } /* ========================================================================== Section Video #mod-vid ========================================================================== */ .pwr-sec-video { overflow: hidden; position: relative; z-index: 0; } .pwr-sec-video__wrapper--content { padding: 100px 0 130px } .pwr-sec-video__content { display: inline-block; left: 50%; max-width: calc( 50% - 20px); padding-right: 20px; position: relative; } .pwr-sec-video__link, .pwr-sec-video__link:hover { color: #000000; display: inline-block; } .pwr-sec-video__link--layout-title { padding: 50px 80px; } .pwr--dark .pwr-sec-video__link, .pwr--dark .pwr-sec-video__link:hover { color: #FFFFFF; } .pwr-sec-video__button { background-color: #FFFFFF; border-radius: 100%; font-size: 32px; height: 140px; left: 50%; line-height: 140px; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 1.2s ease-in-out; width: 140px; } .pwr-sec-video__button--small { font-size: 27px; height: 120px; line-height: 120px; width: 120px; } .pwr-sec-video__button--left { left: 25%; } .pwr-sec-video__icon { display: inline-block; fill: currentColor; } .pwr-sec-video__icon--as-button { color: #273f57; transition: all .6s ease-in-out; vertical-align: middle; } .pwr-webinar:hover .pwr-sec-video__button, .pwr-sec-video__wrapper .pwr-sec-video__button:hover { -webkit-transform: translate(-50%, -50%) scale(1.25); transform: translate(-50%, -50%) scale(1.25); } .pwr-sec-video__title { font-family: Montserrat, sans-serif; font-size: 24px; font-weight: 900; line-height: 1.4em; } .pwr-sec-video__title:before { content: '|'; font-size: 34px; font-weight: 600; padding: 0 20px; position: relative; top: 1px; } .pwr-lightbox__box .pwr-video-background__youtube, .pwr-lightbox__box video { max-width: 1500px; position: relative; width: 80vw; } @media (max-width: 767px ) { .pwr-sec-video__link--layout-title { padding: 40px; } .pwr-sec-video__wrapper--content { padding: 75px 0 98px } .pwr-sec-video__content { left: 0; margin: 0 40px; max-width: 100%; } .pwr-sec-video__wrapper--content .pwr-sec-video__link { width: 100%; } .pwr-sec-video__wrapper--content .pwr-sec-video__button--left { margin: 60px 0 20px; left: 50%; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: auto; } } @media (max-width: 575px ) { .pwr-sec-video__wrapper--title, .pwr-sec-video__wrapper--button { max-height: 300px; } .pwr-sec-video__button, .pwr-sec-video__button--small { font-size: 27px; height: 100px; line-height: 100px; width: 100px; } } /* ========================================================================== Section Webinars #mod-web ========================================================================== */ .pwr-sec-webinars { padding: 135px 0; position: relative; z-index: 1; } .pwr-sec-webinars__intro-sec { margin-bottom: 70px; position: relative; } .pwr-webinar { border-radius: 0px; color: #000000; display: inline-block; float: left; overflow: hidden; position: relative; width: calc( 50% - 20px ); z-index: 1; } .pwr-webinar__top { height: 332px; position: relative; overflow: hidden; } .pwr-webinar__img { background-size: cover; background-position: center; height: 100%; position: relative; -webkit-transform: scale(1); transform: scale(1); transition: all 1s ease-in-out; width: 100%; } .pwr-webinar__overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .pwr-webinar--is-link:hover .pwr-webinar__img { -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-filter: blur(5px); filter: blur(5px); } .pwr-webinar__below { background-color: #FFFFFF; border-top-left-radius: 0; border-top-right-radius: 0; padding: 30px; } .pwr-webinar__title { display: block; font-family: Montserrat, sans-serif; font-size: 20px; font-weight: bold; } .pwr-webinar__desc { display: inline-block; font-size: 14px; } .pwr-webinar__title + .pwr-webinar__desc { padding-top: 10px; } @media (max-width: 991px ) { .pwr-webinar { width: 100%; } .pwr-webinar__top { height: 250px; } } @media (max-width: 767px ) { .pwr-sec-webinars { padding: 102px 0; } .pwr-sec-webinars__intro-sec { margin-bottom: 53px; } .pwr-webinar__title { font-size: 15px; } .pwr-webinar__title + .pwr-webinar__desc { padding-top: 8px; } } /* ========================================================================== 7. MISCELLANOUS #misc ========================================================================== */ /* Cookie Notice */ div#hs-eu-cookie-confirmation { border: 0 !important; box-shadow: -2px 3px 5px rgba(0,0,0,0.1) !important; font-family: Montserrat, sans-serif !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { color: #000000 !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: #273f57 !important; border-radius: 0; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { background-color: #273f57 !important; } body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { color: #273f57 !important; } div#hs-eu-cookie-confirmation { -webkit-transform: translateZ(120px); transform: translateZ(120px); } /* Slider */ .pwr-owl .owl-dots { margin-bottom: 60px; margin-top: 55px; text-align: center; -webkit-tap-highlight-color: transparent; } .pwr-owl .owl-dots .owl-dot { display: inline-block; zoom: 1; display: inline; } .pwr-owl .owl-dots .owl-dot span { background-color: #000000; -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: #273f57 !important; opacity: 1; } .pwr-owl .owl-dots .owl-dot:focus { outline: 0; } .pwr-owl-nav { color: #000000; fill: currentColor; font-size: 25px; } .pwr-owl-nav__prev, .pwr-owl-nav__next { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .pwr-owl-nav__prev { left: -30px; } .pwr-owl-nav__next { right: -30px; } .pwr--dark .pwr-owl-nav { color: #FFFFFF; } .pwr--dark .pwr-owl .owl-dots .owl-dot span { background: #FFFFFF; } @media (min-width: 768px) { .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 40px; } .pwr-owl.pwr-owl__dots--slide-overlay .owl-dots .owl-dot span { opacity: 1; } } /* ========================================================================== 8. THIRD PARTY #third ========================================================================== */ /* ========================================================================== TocBot - changes made... #third-toc ========================================================================== */ .toc { overflow-y: auto; } .toc>.toc-list { overflow: hidden; position: relative } .toc>.toc-list li { list-style: none } .toc-list { margin: 0; padding-left: 10px } a.toc-link { color: currentColor; height: 100% } .is-collapsible { max-height: 1000px; overflow: hidden; transition: all 300ms ease-in-out } .is-collapsed { max-height: 0 } .is-position-fixed { position: fixed !important; top: 0 } .is-active-link { font-weight: 700 } .toc-link::after { background-color: #273f57; content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px } .is-active-link::before { background-color: #273f57; } /* ========================================================================== 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; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ========================================================================== Youtube Player-jquery.mb.YTPlayer #third-yt ========================================================================== */ @font-face { font-family: ytpregular; src: url(font/ytp-regular.eot) } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'), url(font/ytp-regular.ttf)format('truetype'); font-weight: 400; font-style: normal } .mb_YTPlayer:focus { outline: 0 } .YTPWrapper { display: block; transform: translateZ(0)translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate } @-webkit-keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000 !important; padding: 0 !important } .inlinePlayButton { font-family: ytpregular; font-size: 45px; color: #fff; text-align: center; border-radius: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; width: 80px; height: 80px; line-height: 80px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; opacity: .8; transition: all .4s; transform: scale(1.3) } .mb_YTPlayer:hover .inlinePlayButton { opacity: 1; transform: scale(1) } .inlinePlayButton:hover { background-color: rgba(0, 0, 0, 1); transform: scale(1.3) !important } .mbYTP_wrapper iframe { max-width: 8000px !important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5) } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100% } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: #fff; opacity: .1 } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, .4) } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar span.mb_YTPUrl a { color: #fff } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlayPause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img { cursor: pointer } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0 } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: e49162; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, .47)1px 1px 3px } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box } .YTPOverlay.raster { background: url(images/raster.png) } .YTPOverlay.raster.retina { background: url(images/raster@2x.png) } .YTPOverlay.raster-dot { background: url(images/raster_dot.png) } .YTPOverlay.raster-dot.retina { background: url(images/raster_dot@2x.png) } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px } .mb_YTPBar.compact .simpleSlider { width: 40px } .mb_YTPBar.compact span.mb_OnlyYT { left: 260px } .mb_YTPBar .simpleSlider.muted { opacity: .3 } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box } .mb_YTPBar .level.horizontal { height: 100%; width: 0 } .mb_YTPBar .level.vertical { height: auto; width: 100% } /* ========================================================================== Featherlight - Lightbox #third-fl ========================================================================== */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(23, 27, 37,.9); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ /* overflow: auto;*/ /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #FFFFFF; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #FFFFFF; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0) } .featherlight-previous { left: 25px; right: 80% } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, .25) } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px #FFFFFF; color: #FFFFFF; font-style: normal; font-weight: 400 } .featherlight-next span { right: 5%; left: auto } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block } .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none } @media only screen and (max-device-width:1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: 0 0 } .featherlight-next span, .featherlight-previous span { display: block } } @media only screen and (max-width:1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85% } .featherlight-previous { left: 10px; right: 85% } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px } } /* Featherlight overwrites & extension */ .featherlight, .featherlight:last-of-type { background-color: rgba(0,0,0,.8); } .featherlight .featherlight-close-icon { background-color: transparent; color: #FFFFFF; font-size: 26px; font-weight: bold; line-height: 26px; right: -40px; width: 23px; } .featherlight .featherlight-content { background-color: transparent; margin-left: 60px; margin-right: 60px; max-height: 100%; padding: 0 !important; border-bottom: 0 !important; } .featherlight-next { width: 60px; right: -60px; left: auto; top: 0; } .featherlight-previous { width: 60px; left: -60px; right: auto; top: 0; } .featherlight-next:hover, .featherlight-previous:hover { background: transparent; } .featherlight-next:after, .featherlight-previous:after { background: transparent; bottom: auto; content: ''; display: block; height: 25px; left: auto; position: absolute; right: auto; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 25px; } .featherlight-next:after { border-right: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; left: 10px; } .featherlight-previous:after { border-bottom: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; right: 10px; } .featherlight-next span, .featherlight-previous span { display: none !important; } .pwr-featherlight-info { background-color: rgba(0,0,0,.5); bottom: 0; color: #FFFFFF; max-height: 33%; overflow-y: scroll; padding: 30px 40px; position: absolute; width: 100%; } .pwr-featherlight-info__title { margin: 0 0 5px; } .pwr-featherlight-info__desc { display: inline-block; } @media only screen and (max-width: 767px) { .pwr-featherlight-info { max-height: 150px; } .featherlight .featherlight-content { margin-left: 10px; margin-right: 10px; } .featherlight-next { right: 0; } .featherlight-previous { left: 0; } .featherlight .featherlight-close-icon { right: 0; top: -30px; } } @media (max-width: 479px) { .pwr-featherlight-info { background-color: rgba(0,0,0,.8); bottom: auto; color: inherit; margin: 0; padding: 20px; top: 100%; } }