/* Theme Name: iPipeline Theme URI: Description: Custom WordPress theme Author: purpleplanet URI: Version: 1.0.2023 Text Domain: ipipeline */ /** * * Font Styles: * Satoshi Regular * Satoshi Medium * Satoshi Bold * Satoshi Black * */ @font-face { font-family: 'satoshi'; src: url('webfonts/Satoshi-Regular.woff2') format('woff2'), url('webfonts/Satoshi-Regular.woff') format('woff'), url('webfonts/Satoshi-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'satoshi-medium'; src: url('webfonts/Satoshi-Medium.woff2') format('woff2'), url('webfonts/Satoshi-Medium.woff') format('woff'), url('webfonts/Satoshi-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: 'satoshi-bold'; src: url('webfonts/Satoshi-Bold.woff2') format('woff2'), url('webfonts/Satoshi-Bold.woff') format('woff'), url('webfonts/Satoshi-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: normal; } :root { --font-default:'satoshi',sans-serif; --neutral-dark: #161616; --primary-medium-blue: #0B4779; --accent-azure: #2BCCD3; --accent-azure-hover: #14b6bc; --neutral-white: #F9F9F9; --secondary-dark-blue: #112E51; --accent-light-green: #BFF18C; --lighter-white: rgba(249,249,249,0.8) !important; --neutral-white-light: rgba(249,249,249,0.8) !important; --secondary-light-blue: #4B9BCB; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;} body{line-height:1; } ol, ul{list-style:none; } blockquote, q{quotes:none; } blockquote:before, blockquote:after, q:before, q:after{content:""; content:none; } table{border-collapse:collapse; border-spacing:0; } caption, th, td{font-weight:normal; text-align:left; } h1, h2, h3, h4, h5, h6{clear:both; } html{overflow-y:scroll; font-size:62, 5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} a, a:hover, a:active, a:focus{outline:none; text-decoration:none;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block; } audio, canvas, video{display:inline-block; } audio:not([controls]){display:none; } del{color:#333; } ins{background:#4449c0; text-decoration:none; } hr { background-color: #343434; border: 0 none; height: 1px; margin: 1em 0 1.74em; } sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{top:-0.5em; } sub{bottom:-0.25em; } small{font-size:smaller; } img{border:0; -ms-interpolation-mode:bicubic; } img, object, embed{max-width:100%; height:auto; } img{-ms-interpolation-mode:bicubic; } img.alignleft {float:left; } img.alignright {float:right; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after{clear:both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after{display:table; content:""; } .align-right{text-align:right !important; } .align-left{text-align:left !important; } .align-center{text-align:center !important; } .aligncenter{text-align:center !important; } .fl{float:left !important; } .fr{float:right !important; } .cl-fl{clear:both; } .hor-space-s{padding-top:1em } .hor-space-m{padding-top:2em } .hor-space-l{padding-top:3em } em, i { font-style:italic; } strong, b { font-weight:bold; } /* some Responsive styles */ /* Responsive images */ .entry-content img, .comment-content img, .widget img{max-width:100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"]{height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image{max-width:100%; height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Images */ .alignleft{float:left;} /* *********************************************************************************************************************************** */ /* ********************* Main Styling starts ****************************************************************************** */ html #wpadminbar { position: relative !important; order: 100; } html #wpadminbar .screen-reader-shortcut { display:none !important;top:1000em; } * { box-sizing:border-box; } html:has(body.admin-bar) { margin-top:0 !important; } a { color:var(--accent-azure); transition:all ease 300ms; } a:hover { color:var(--accent-azure-hover); } html { background-color: #fff; height: 100%; display: block;} body{ text-align:left; font-family: var(--font-default),'satoshi'; font-weight:400; font-size:16px; letter-spacing:0em; color:var(--neutral-dark); padding:0px; margin:0px; overflow: hidden; position: relative; height: auto; min-height: 100%; background-color:#f9f9f9; } .desktop { display:block; } .mobile { display:none; } /* p, h1, h2, h3, h4, h5, h6, li, a { font-family: var(--font-default),'satoshi' !important; } */ html { min-height:100% !important; } body { display: flex; flex-direction: column; } #page { flex: 1 0 auto; } #footer_wrap { flex-shrink: 0; } #page-block { margin: 0 auto; width:100%; } .default-page-block { padding:0px 0 0 0; } /* FIX Oxygen */ html body.oxygen-builder-body { padding-top:0px !important; } html body.oxygen-builder-body { padding-top:0px !important; } html body.oxygen-builder-body #main-header { position: relative !important; top: 0; left: 0; z-index: 1000; right: 0; } /************************* * General styles ***************************/ .row { margin:0 auto; max-width:1800px; padding:0%; } .dhide { display:none } .thide { display:none } .mhide { display:none } .top-bar-wrapper { background: var(--neutral-white); padding:14px 0; height:100% !important; transition:all ease 250ms !important; margin-top:0px } .top-bar-inner { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; } .top-bar-inner .header-logo a { display:block; max-width:208px; } .header-top-bar #main-header { position: fixed; top: 0;left: 0;z-index: 1000; right: 0; } body.scrolled.nav-down #main-header .top-bar-wrapper { margin-top:0px } body.scrolled #main-header .top-bar-wrapper { margin-top: -70px; } body.scrolled.nav-down #top-header .top-bar-wrapper { margin-top:0px; } body.scrolled #top-header .top-bar-wrapper { margin-top: -70px; } body #page { padding-top: 140px; } body.page { padding-top: 140px; } body { padding-top: 140px; } body { padding-top: 140px; } #menu-wrapper-div .oxy-header-left { width:100%; } #menu-wrapper-div .oxy-header-center { display:none } #menu-wrapper-div .oxy-header-right { display:none } .oxy-header-container { padding-right: 0 !important; padding-left: 0 !important; width:100%; } /* .elementor-element.e-con { padding:0px; } .e-con, .e-con>.e-con-inner { padding:0px; } */ .elementor-widget-text-editor .elementor-widget-container p:last-of-type { padding-bottom: 0em !important; } .elementor-widget-text-editor .elementor-widget-container p:last-of-type { padding-bottom: 1em; } .top-bar-inner .top-bar-action-block { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; } .top-bar-menu { margin:0 60px 0 0; } .top-bar-menu { display:none; } .top-bar-menu ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; } .top-bar-menu ul li { margin:0 20px; } .top-bar-menu ul li a { color: var(--secondary-light-blue, #4B9BCB); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ } .top-bar-menu ul li a:hover { color: var(--neutral-dark); } .elementor-element.top-bar-wrapper.top-bar-inner > .e-con-inner .elementor-element:first-of-type { width:auto; } .top-bar-inner .top-bar-action-block ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; margin:0 0px; } .top-bar-inner .top-bar-action-block ul li { padding:0 0 0 10px; } .top-bar-inner .top-bar-action-block ul li.search { } .top-bar-inner .top-bar-action-block ul li.search .search-form { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding:10px 25px 10px 10px; display:flex; flex-direction:row; max-height:42px; height:100px; position:relative; } .top-bar-inner .top-bar-action-block ul li.search .search-form input { display: block; background:transparent; border:none; color:var(--neutral-dark, #161616); color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.25em; padding:0px 0px 0px 35px; outline:none; width:85px; } .search-field { position:relative; line-height: 1em; } .search-field .icon{ position:absolute; position:absolute; top:50%; margin-top:-10px; left:0px; width:20px; height:20px; content:""; } /* AJAX search */ .top-bar-inner .top-bar-action-block ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; margin:0 0px; } .top-bar-inner .top-bar-action-block ul li { padding:0 0 0 10px; } .top-bar-inner .top-bar-action-block ul li.search { } .top-bar-inner .top-bar-action-block ul li.search .search-form { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding:10px 25px 10px 10px; display:flex; flex-direction:row; max-height:42px; height:100px; position:relative; } .top-bar-inner .top-bar-action-block ul li.search .search-form input { display: block; background:transparent; border:none; color:var(--neutral-dark, #161616); color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.25em; padding:0px 0px 0px 35px; outline:none; width:85px; } .search-field { position:relative; line-height: 1em; } .search-field .icon{ position:absolute; position:absolute; top:50%; margin-top:-10px; left:0px; width:20px; height:20px; content:""; } .search.advanced-search .search-field .icon { left:10px; } .search.advanced-search .search-field { padding-left: 25px !important; } /* IVORY SEARCH */ body .is-ajax-search-result {background: var(--primary-medium-blue); color: #111; } .top-buttons .is-form-style input.is-search-input { display: block; background:transparent; border:none !important; color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 1.25em; height:auto !important; padding:0px 0px 0px 15px !important; outline:none; width:100%; } body div.is-ajax-search-details, body div.is-ajax-search-result { height: auto; margin-top: 7px; width: 500px; max-width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); border-radius: 25px; bordeR: solid 1px #eee !important; padding: 15px 0; background: #fff; color: #111; overflow: hidden; } body .is-ajax-search-details a, body .is-ajax-search-result a { color:var(--primary-medium-blue); font-weight:bold; } body .is-ajax-search-posts .is-ajax-search-post { transition:all ease 250ms; } body .is-ajax-search-posts .is-ajax-search-post:hover { background:#fafafa; } body #is-ajax-search-result-17757 .is-highlight { background:var(--accent-light-green) !important;} body .is-ajax-search-posts .is-ajax-search-post .is-title a { transition:all ease 250ms; } body .is-ajax-search-posts .is-ajax-search-post .is-title a:hover { text-decoration:none; color:var(--secondary-light-blue); } body .is-show-more-results:hover { background:#fafafa; } body .is-show-more-results-text { font-weight:700; padding:10px 0; } .top-bar-inner .top-bar-action-block ul li.country { } .top-bar-inner .top-bar-action-block ul li.theme { } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch.active-light i.activator { left:5px; } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span.light svg * { fill:var(--neutral-dark) } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch { cursor:pointer; position:relative; border-radius: 500px; height:42px; border: 1px solid var(--neutral-dark, #161616); padding:4px 5px; display:flex; flex-direction:row; } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span { position:relative; z-index:3; margin:0px;border-radius: 500px; border:none; background-color:transparent; padding:5px; width:32px; height:32px; text-align:center; display:block; } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span.active { border-radius: 500px; border:none; /* background-color: var(--neutral-dark, #161616); */ } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span:first-of-type { margin-right:20px; } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span:last-of-type { } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span:hover { } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch span:hover svg * { } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch.active-dark i.activator { left:calc(100% - 38px ); } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch.active-dark span.dark svg * { fill:var(--neutral-white) } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch.active-light i.activator { left:5px; } .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch.active-light span.light svg * { fill:var(--neutral-white) } .theme-switch i.activator { z-index:2; transition:all ease 250ms; border-radius: 500px; border:none; background-color: var(--neutral-dark, #161616); position:absolute; top:4px; left:5px; width:32px; height:32px; } /*.theme-switch:hover:has( span.dark:hover ) i.activator { left:calc(100% - 38px ); } */ /* .theme-switch:hover:has( span.dark:hover ) span.light.active svg * { fill:var(--neutral-dark) } */ .top-bar-inner .country-switch { max-height: 42px; position:relative; } .top-bar-inner .country-switch > a { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding:10px 47px 10px 43px; display:flex; flex-direction:row; max-height: 42px; } .top-bar-inner .country-switch:before { } .top-bar-inner .country-switch a .arrow-down { display:block; position:absolute; top:50%; margin-top:-11px; right:10px; width:24px; height:24px; transition:all ease 250ms; } .top-bar-inner .country-switch a { color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .top-bar-inner .country-switch .icon { left:0; position:absolute; top:9px; left:10px; width:24px; height:24px; } .top-bar-inner .country-switch .language-dropdown { position: absolute; top: 100%; right: 0; background: rgba(0,0,0,0.7); text-align: right; min-width: 200px; padding: 15px; z-index: 10; left: auto; border-radius: 30px 0 30px 30px; margin-top:3px; } .top-bar-inner .country-switch .language-dropdown ul {} .top-bar-inner .country-switch .language-dropdown ul li { padding:0.25em 0; font-size:18px; width:100%; } .top-bar-inner .country-switch .language-dropdown ul li a { color:#f9f9f9; } .top-bar-inner .country-switch .language-dropdown ul li a:hover { color: #bff18c; } .top-bar-inner .country-switch.open .arrow-down { transform: rotateX(180deg); } .top-bar-inner .country-switch.open > a { border-radius: 50px; } /* MOBILE MENU BUTTONS */ .top-buttons.mobile-buttons { padding:1.5em 1em 0.5em; } .menu-main-navigation-container { margin-bottom:2rem; } .top-buttons.mobile-buttons ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; margin:0 0px 0em 0; } .top-buttons.mobile-buttons ul li { padding:0 0 10px 0px; width:auto; } .top-buttons.mobile-buttons ul li.search { } .top-buttons.mobile-buttons ul li.search .search-form { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding:10px 25px 10px 10px; display:flex; flex-direction:row; max-height:42px; height:auto; position:relative; } .top-buttons.mobile-buttons ul li.search .search-form input { background:transparent; border:none; color:var(--neutral-dark, #161616); color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.25em; padding:0px 0px 0px 35px; outline:none; width:85px; } .top-buttons.mobile-buttons ul li.country { } .top-buttons.mobile-buttons ul li.theme { } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-light i.activator { left:5px; } .top-buttons.mobile-buttons ul li.theme a.theme-switch span.light svg * { fill:var(--neutral-dark) } .top-buttons.mobile-buttons ul li.theme a.theme-switch { cursor:pointer; position:relative; border-radius: 500px; height:42px; border: 1px solid var(--neutral-white, #f9f9f9); padding:4px 5px; display:flex; flex-direction:row; } .top-buttons.mobile-buttons ul li.theme a.theme-switch span { position:relative; z-index:3; margin:0px;border-radius: 500px; border:none; background-color:transparent; padding:6px; width:32px; height:32px; text-align:center; display:block; } .top-buttons.mobile-buttons ul li.theme a.theme-switch span.active { border-radius: 500px; border:none; /* background-color: var(--neutral-dark, #161616); */ } .top-buttons.mobile-buttons ul li.theme a.theme-switch span:first-of-type { margin-right:20px; } .top-buttons.mobile-buttons ul li.theme a.theme-switch span:last-of-type { } .top-buttons.mobile-buttons ul li.theme a.theme-switch span:hover { } .top-buttons.mobile-buttons ul li.theme a.theme-switch span:hover svg * { } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-dark i.activator { left:calc(100% - 38px ); } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-dark span.dark svg * { fill:var(--neutral-white) } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-light i.activator { left:5px; } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-light span.light svg * { fill:var(--neutral-white) } .theme-switch i.activator { z-index:2; transition:all ease 250ms; border-radius: 500px; border:none; background-color: var(--neutral-dark, #161616); position:absolute; top:4px; left:5px; width:32px; height:32px; } /*.theme-switch:hover:has( span.dark:hover ) i.activator { left:calc(100% - 38px ); } */ /* .theme-switch:hover:has( span.dark:hover ) span.light.active svg * { fill:var(--neutral-dark) } */ .top-buttons.mobile-buttons .country-switch { position:relative; max-height: 42px; position:relative; } .top-buttons.mobile-buttons .country-switch:before { } .top-buttons.mobile-buttons .country-switch > a .arrow-down { display:block; position:absolute; top:50%; margin-top:-11px; right:10px; width:24px; height:24px; } .top-buttons.mobile-buttons .country-switch > a { border: none; color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ border-radius: 500px; border: 1px solid var(--neutral-white, #f9f9f9); padding:10px 47px 10px 43px; display:flex; flex-direction:row; max-height: 42px; position:relative; } .top-buttons.mobile-buttons .country-switch .icon { left:0; position:absolute; top:9px; left:10px; width:24px; height:24px; } .top-buttons.mobile-buttons ul li.search .search-form { border: 1px solid var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons ul li.search .search-form input { color: var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons .search-field .icon svg * { fill: var(--neutral-white, #F9F9F9); } .top-buttons.mobile-buttons .search-field input { color: var(--neutral-white, #F9F9F9); } .top-buttons.mobile-buttons .search-field input::placeholder { color: var(--neutral-white); opacity: 1; /* Firefox */ } .top-buttons.mobile-buttons .search-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--neutral-white); } .top-buttons.mobile-buttons .search-field input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--neutral-white); } .top-buttons.mobile-buttons .country-switch { } .top-buttons.mobile-buttons .country-switch > a { color: var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons .country-switch a svg * { fill: var(--neutral-white, #F9F9F9); } .top-buttons.mobile-buttons .country-switch a svg * { fill: var(--neutral-white, #F9F9F9); } .top-buttons.mobile-buttons .top-bar-action-block ul li.theme a.theme-switch { border: 1px solid var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons .top-bar-action-block ul li.theme a.theme-switch > span.dark svg * { fill: var(--neutral-dark, #161616); } .top-buttons.mobile-buttons .theme-switch i.activator { background-color: var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons ul li.theme a.theme-switch > span.light svg * { fill: var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-light > span.light svg * { fill: var(--neutral-dark, #161616); } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-dark > span.dark svg * { fill: var(--neutral-dark, #161616); } .top-buttons.mobile-buttons ul li.theme a.theme-switch.active-light > span.dark svg * { fill: var(--neutral-white, #f9f9f9); } .top-buttons.mobile-buttons .country-switch .language-dropdown { position: absolute; top: 100%; right: 0; background: rgba(0,0,0,0.7); text-align: right; min-width: 200px; padding: 15px; z-index: 10; left: auto; border-radius: 30px 0 30px 30px; margin-top:3px; } .top-buttons.mobile-buttons .country-switch .language-dropdown ul {} .top-buttons.mobile-buttons .country-switch .language-dropdown ul li { padding:0.25em 0; font-size:18px; width:100%; } .top-buttons.mobile-buttons .country-switch .language-dropdown ul li a { color:#f9f9f9; } .top-buttons.mobile-buttons .country-switch .language-dropdown ul li a:hover { color: #bff18c; } .top-buttons.mobile-buttons .country-switch.open .arrow-down { transform: rotateX(180deg); } .top-buttons.mobile-buttons .country-switch.open .language-dropdown { display:block; } /* EOF MOBILE MENU BUTTONS */ /* DARK THEME */ html[data-theme=dark] #main-header { background: var(--secondary-dark-blue, #112E51); background-size: auto; color: var(--neutral-white); } html[data-theme=dark] .elementor-location-header .header-top-bar { background: transparent !important; background-size: auto; color: var(--neutral-white); } html[data-theme=dark] body { background-color: var(--secondary-dark-blue, #112E51); background-size: auto; color: var(--neutral-white); } html[data-theme=dark] body .top-bar-wrapper { background: var(--secondary-dark-blue, #112E51); } html[data-theme=dark] body .top-bar-inner .header-logo a { background:url('images/logo-ipipeline-w.png') 0 0 no-repeat; background-size:contain; } html[data-theme=dark] body .top-bar-inner .header-logo a img { opacity:0; visibility:hidden; } html[data-theme=dark] body .top-bar-inner a.header-logo { background:url('images/logo-ipipeline-w.png') 0 0 no-repeat; background-size:contain; } html[data-theme=dark] body .top-bar-inner a.header-logo img { opacity:0; visibility:hidden; } html[data-theme=dark] body .top-bar-inner .elementor-widget-theme-site-logo a { background:url('images/logo-ipipeline-w.png') 0 0 no-repeat; background-size:contain; } html[data-theme=dark] body .top-bar-inner .elementor-widget-theme-site-logo a img { opacity:0; visibility:hidden; } html[data-theme=dark] body .top-bar-inner .top-bar-action-block ul li.search .search-form { border: 1px solid var(--neutral-white, #f9f9f9); } html[data-theme=dark] body .top-bar-inner .search-field .icon svg * { fill: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .top-bar-inner .search-field input { color: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .top-bar-inner .search-field input::placeholder { color: var(--neutral-white); opacity: 1; /* Firefox */ } html[data-theme=dark] body .top-bar-inner .search-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--neutral-white); } html[data-theme=dark] body .top-bar-inner .search-field input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--neutral-white); } html[data-theme=dark] body .top-bar-inner .country-switch a { color: var(--neutral-white, #f9f9f9); } html[data-theme=dark] body .top-bar-inner .country-switch > a { color: var(--neutral-white, #f9f9f9); border: 1px solid var(--neutral-white, #f9f9f9); } html[data-theme=dark] body .top-bar-inner .country-switch a svg * { fill: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .top-bar-inner .country-switch a svg * { fill: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch { border: 1px solid var(--neutral-white, #f9f9f9); } html[data-theme=dark] body .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch > span.dark svg * { fill: var(--neutral-dark, #161616); } html[data-theme=dark] body .top-bar-inner .theme-switch i.activator { background-color: var(--neutral-white, #f9f9f9); } html[data-theme=dark] body .top-bar-inner .top-bar-action-block ul li.theme a.theme-switch > span.light svg * { fill: var(--neutral-white, #f9f9f9); } html[data-theme=dark] body h2 { color: var(--neutral-white) !important; } html[data-theme=dark] body .elementor-heading-title { color: var(--neutral-white) !important; } html[data-theme=dark] body p { color: var(--neutral-white-light) !important; } html[data-theme=dark] body #onetrust-policy p, html[data-theme=dark] body #onetrust-pc-sdk h3, html[data-theme=dark] body #onetrust-pc-sdk h3, html[data-theme=dark] body #onetrust-pc-sdk p, html[data-theme=dark] body #onetrust-pc-sdk #ot-pc-desc { color: #263238 !important; } html[data-theme=dark] .footer-bottom-row { background-color: var(--neutral-white) !important; } html[data-theme=dark] body .footer-bottom-row .elementor-heading-title { color: #112E51 !important; } html[data-theme=dark] body .product-directory-block a.ct-link > .ct-div-block .ct-text-block { color: var(--neutral-white-light) !important; } html[data-theme=dark] body .ct-text-block { color: var(--neutral-white-light) !important; } html[data-theme=dark] body .ct-headline { color: var(--neutral-white-light) !important; } html[data-theme=dark] body .elementor-widget-container .oxy-rich-text { color: var(--neutral-white-light) !important; } html[data-theme=dark] body h3 { color: var(--neutral-white) !important; } html[data-theme=dark] body .elementor-widget-heading h1 { color: var(--neutral-white) !important; } html[data-theme=dark] body .elementor-widget-heading h2 { color: var(--neutral-white) !important; } html[data-theme=dark] body .checkbox-list.blue ul li { color: rgba(249,249,249,0.8); } html[data-theme=dark] body a.each-faq-title { color: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .footer-bottom-bar nav ul li a { color: var(--neutral-white, #F9F9F9) !important; } html[data-theme=dark] body .footer-bottom-bar nav ul li a:hover { color: var(--accent-light-green) !important; } html[data-theme=dark] body .footer-bottom-bar .elementor-social-icon svg * { fill: var(--neutral-white, #F9F9F9); } html[data-theme=dark] body .image-success img { content:url("images/sitting-person-dark.svg"); } html[data-theme=dark] body .image-success img { } html[data-theme=dark] body .faq-image img { content:url("images/faq-image-dark.svg"); } html[data-theme=dark] body .faq-image img { } html[data-theme=dark] body .footer-global-people img { content:url("images/global-people-dark.svg"); d } html[data-theme=dark] body .support-image img { content:url("images/support-person-dark.svg");} html[data-theme=dark] body .global-locations-image img { content:url("images/global-locations-svg-people-dark.svg"); } html[data-theme=dark] body img.team-people-image { content:url("/wp-content/uploads/dark-mode/executive-team-dark.svg"); } html[data-theme=dark] body .evolve-platform img { content:url("/wp-content/uploads/2023/10/iPipeline-Ecosystem.svg"); } html[data-theme=dark] body img.life-annuities-img { content:url("images/life-annuities-dark.svg"); } html[data-theme=dark] body img.csr-person { content:url("images/csr-person-dark.svg"); } html[data-theme=dark] body img[src*="Key-Features"] { content:url("/wp-content/uploads/dark-mode/Key-Features-dark.svg"); } html[data-theme=dark] body img[src*="csr-person"] { content:url("/wp-content/uploads/dark-mode/csr-person-dark.svg"); } html[data-theme=dark] body img[src*="Environmental-Social-and-Governance-Committee"] { content:url("/wp-content/uploads/dark-mode/Environmental-Social-and-Governance-Committee-dark.svg"); } html[data-theme=dark] body img[src*="Environmental-Sustainability"] { content:url("/wp-content/uploads/dark-mode/Environmental-Sustainability-dark.svg"); } html[data-theme=dark] body img[src*="life-annuities-2"] { content:url("/wp-content/uploads/dark-mode/life-annuities-2-dark.svg"); } html[data-theme=dark] body img[src*="iPipeline-Evolve.svg"] { content:url("/wp-content/uploads/dark-mode/iPipeline-Evolve-dark.svg"); } html[data-theme=dark] body img[src*="about-us-page-our-story"] { content:url("/wp-content/uploads/dark-mode/about-us-page-our-story-dark.svg"); } html[data-theme=dark] body img[src*="passionate-about-digitization"] { content:url("/wp-content/uploads/dark-mode/passionate-about-digitization-dark.svg"); } html[data-theme=dark] body img[src*="sitting-person.svg"] { content:url("/wp-content/uploads/dark-mode/sitting-person-dark.svg"); } html[data-theme=dark] body img[src*="ProductPage_Illustration-2"] { content:url("/wp-content/uploads/dark-mode/ProductPage_Illustration-2-dark.svg"); } html[data-theme=dark] body img[src*="iPipeline-Ecosystem.png"] { content:url("/wp-content/uploads/dark-mode/iPipeline-Ecosystem-dark.png"); } html[data-theme=dark] body img[src*="global-locations-svg-people"] { content:url("/wp-content/uploads/dark-mode/global-locations-svg-people-dark.svg"); } html[data-theme=dark] body img[src*="sla-light"] { content:url("/wp-content/uploads/dark-mode/sla-darker.png"); } html[data-theme=dark] body img[src*="faq-image"] { content:url("images/faq-image-dark.svg"); } html[data-theme=dark] body img[src*="sla"] { content:url("/wp-content/uploads/dark-mode/sla-darker.png"); } html[data-theme=dark] body img[src*="maintenance"] { content:url("/wp-content/uploads/dark-mode/maintenance-dark.svg"); } html[data-theme=dark] body .ct-text-block.country-highlight{ color:var(--accent-light-green) !important; } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-meta .meta-author { color: var(--neutral-white); } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-meta .meta-date { color: var(--neutral-white); } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-meta .meta-date { color: var(--neutral-white); } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-calendar svg path { fill: var(--neutral-white); } html[data-theme=dark] section .ct-div-block { border-color: var(--neutral-white) !important; } html[data-theme=dark] body input { color: var(--neutral-white); border: 1px solid var(--lighter-white); background:transparent; } html[data-theme=dark] body textarea { color: var(--neutral-white); border: 1px solid var(--lighter-white); background:transparent; } html[data-theme=dark] body .cform-default .submit-button input { border: 1px solid #187C9D; background:#187C9D; } html[data-theme=dark] body .cform-default .submit-button input:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } html[data-theme=dark] body .cform-default .submit-button input:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } html[data-theme=dark] body .dark-bg-blue > .elementor-widget-wrap { background-color: var(--primary-medium-blue); } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_brand_section { margin: 5px 15px 20px; } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_panel_button { margin: 0 0 15px; } html[data-theme=dark] body .er-gcs-search-result-description .ecom_result_snippet { color:#fff } html[data-theme=dark] body .er-gcs-search-result-title { color:var(--accent-azure) } html[data-theme=dark] body .er-gcs-search-result-link:hover .er-gcs-search-result-title { color:var(--accent-light-green) } html[data-theme=dark] body .er-gcs-search-result-link .er_highlight { color: var(--accent-azure); transition: all ease 250ms; } html[data-theme=dark] body .er_ecom_search_pagination ul li.er-paginator-list.er-active { border: solid 1px var(--accent-light-green) !important; color: var(--accent-light-green) !important; border-radius: 15px; } html[data-theme=dark] #er_search_pagination .page-navigation li, html[data-theme=dark] .er_ecom_search_pagination .page-navigation li { color:#fff; } html[data-theme=dark] #er_search_pagination .page-navigation li:hover, html[data-theme=dark] .er_ecom_search_pagination .page-navigation li:hover { color:var(--accent-light-green) } html[data-theme=dark] .er-suggestions .er_ecom_suggestion_container { background:var(--primary-medium-blue); color:#fff; border:solid 1px #fff; box-shadow:none; } html[data-theme=dark] .er-suggestions .er-ecom-suggest-query { color:#fff; } html[data-theme=dark] .er-gcs-suggest-wrapper .er-gcs-suggest .er-gcs-suggest-image-div { display: none; } html[data-theme=dark] .er_ecom_suggestion_container .er-gcs-suggest-title { color:var(--accent-azure); transition:all ease 250ms; } html[data-theme=dark] .er_ecom_suggestion_container .er-gcs-suggest-link:hover .er-gcs-suggest-title { color:var(--accent-light-green) } html[data-theme=dark] .er_ecom_suggestion_container .er-gcs-suggest-box:hover { background: transparent; } html[data-theme=dark] .er_ecom_suggestion_container .er-gcs-suggest-img-description-container { color:#fff; } html[data-theme=dark] .er_ecom_search_result_container .er_ecom_collapsible_content, html[data-theme=dark] .er_ecom_modal_content .er_ecom_collapsible_content { background:transparent; } html[data-theme=dark] .er_ecom_facet_ul li label { color:#fff; } html[data-theme=dark] .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_checkbox { } html[data-theme=dark] .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_brand_section .er_ecom_facet_label:hover .er_ecom_facet_checkbox:after { border:solid 1px var(--accent-light-green) } html[data-theme=dark] .er_ecom_facet_chip .er_ecom_chip { border-radius:50px; color:#fff; border-color:#fff; box-shadow:none; } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_FacetSearchBox { color:#000; background:transparent; border:solid 1px #fff; border-radius:50px; padding: 20px 20px 20px 0; } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_search_icon { left: 31px; margin-top: 9px; } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_search_icon g { fill:#fff; } html[data-theme=dark] body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_checkbox[type="checkbox"]:checked:before, html[data-theme=dark] body .er_ecom_modal_content .er_ecom_collapsible_content .er_ecom_facet_checkbox[type="checkbox"]:checked:before { border: 1px solid var(--accent-light-green); background: var(--accent-light-green); } html[data-theme=dark] body .er_ecom_header_container .er_ecom_result_count_container .er_corrected_query_div .er_bold_text { color: #fff; } html[data-theme=dark] body .er_ecom_suggestion_container .er-gcs-suggest-wrapper { background-color: transparent; } html[data-theme=dark] body .er_ecom_suggestion_container .ecom-suggest-snippet { color: #fff; } html[data-theme=dark] body .er-suggestions .er_more_results { background:var(--primary-medium-blue); } html[data-theme=dark] body .er-suggestions .er_more_results .er_more_result_btn { background:transparent; color:#fff;} html[data-theme=dark] body .er_ecom_header_container .er_ecom_result_count_container .er_ecom_result_count .er_ecom_result_query { color:#fff; } html[data-theme=dark] body .er_ecom_header_container .er_ecom_sort_by { border: solid 1px #fff; color: #fff; background-image: url(images/icon-arrow-down-w.svg); } html[data-theme=dark] body input::placeholder { color: var(--lighter-white); opacity: 1; /* Firefox */ } html[data-theme=dark] body input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--lighter-white); } html[data-theme=dark] body input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--lighter-white); } html[data-theme=dark] body textarea::placeholder { color: var(--lighter-white); opacity: 1; /* Firefox */ } html[data-theme=dark] body textarea:-ms-input-placeholder { color:var(--lighter-white); /* Internet Explorer 10-11 */ } html[data-theme=dark] body textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--lighter-white); } html[data-theme=dark] body .conference-date { color: var(--accent-azure) !important; } html[data-theme=dark] body .conference-date span.conf-date { background-color: var(--accent-azure) !important; } html[data-theme=dark] body .i-tabs .tabs-inner .tab:not(.active):last-of-type .tab-inner { background: transparent; } html[data-theme=dark] body .i-tabs .tabs-inner .tab .tab-inner { background: transparent; } html[data-theme=dark] body .tabs-wrapper-intro { background: transparent; border-right: solid 1px #f9f9f930; } html[data-theme=dark] body .i-tabs .tabs-inner .tab:not(.active) .tab-inner .heading { color:var(--neutral-white) } html[data-theme=dark] body .i-tabs .tabs-inner .tab:not(.active) { background: transparent; } html[data-theme=dark] body .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(:last-of-type) { border-right: solid 1px #f9f9f930; } html[data-theme=dark] body footer .ct-text-block { color: #0b4779 !important; } html[data-theme=dark] #gform-wrapper .gfield > .ginput_container input { border-color:#f9f9f9; color:#f9f9f9; } html[data-theme=dark] #gform-wrapper .gform_wrapper .gfield > .ginput_container select { border-color:#f9f9f9; color:#f9f9f9; } html[data-theme=dark] #gform-wrapper .gform_wrapper .gfield > .ginput_container select option { color:var(--neutral-dark); -webkit-appearance: menulist-button; } html[data-theme=dark] #gform-wrapper .gform_wrapper .gfield > .ginput_container textarea { border-color:#f9f9f9; color:#f9f9f9; } html[data-theme=dark] .category-nav .cat-legend { color: var(--neutral-white); } html[data-theme=dark] .category-nav .cat-links ul li a { border: 1px solid var(--neutral-white); color: var(--neutral-white); } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-title, html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-title a.ipipeline-post-link { color:var(--accent-azure) } html[data-theme=dark] .ipipeline-archive .ipipeline-post-i .ipipeline-post-excerpt, html[data-theme=dark] .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-excerpt { color: var(--neutral-white); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-author { color: var(--neutral-white); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-date { color: var(--neutral-white); } html[data-theme=dark] .read-more .read-more-button { color: var(--neutral-white); } html[data-theme=dark] .ct-widget.tag-cloud .tagcloud a { color: var(--neutral-white); opacity:0.8; } html[data-theme=dark] .ct-code-block.content-language-selector .country-switch > a { color: var(--neutral-white); border: 1px solid var(--neutral-white); } html[data-theme=dark] .ct-code-block.content-language-selector .country-switch a svg path{ fill: var(--neutral-white); } html[data-theme=dark] body.single { background-color: var(--secondary-dark-blue, #112E51) } html[data-theme=dark] body a.ct-link > .ct-div-block .ct-text-block { color:var(--neutral-dark) !important; } html[data-theme=dark] .ct-section .ct-section-inner-wrap > .ct-div-block > .ct-div-block { background:transparent !important; } html[data-theme=dark] .team-row-wrapper .ct-link svg path { fill:#f9f9f9; transition:all ease 250ms; } html[data-theme=dark] .team-row-wrapper .ct-link:hover svg path { fill: var(--accent-azure); } html[data-theme=dark] .top-bar-inner .top-bar-action-block ul li.search .search-form input { color: var(--neutral-white); } html[data-theme=dark] .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-author { color: var(--neutral-white); } html[data-theme=dark] .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-date { color: var(--neutral-white); } html[data-theme=dark] .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i .ipipeline-post-title a { color:var(--accent-azure) } html[data-theme=dark] .single section .ct-section-inner-wrap p strong { color: var(--neutral-white); } /* EOF dark theme */ body img[src*="passionate-about-digitization"] { transform: rotateY(180deg); } .image-success img { max-width:586px; max-width:100%; position:relative; } .image-success { text-align:center; } .infinite-carousel-shell { overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .infinite-carousel-shell { background: #3d9970; color: #fff; height: 449px; margin-bottom: 15px; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: auto;max-width: 100%; height: auto; } .swiper-container { width: 100%; max-width: 100%; max-height: 100vh; min-height: 0; min-width: 0; overflow: hidden; } .swiper-slide { width: auto; flex-shrink: 0; display: block; height: 100% !important; max-height: 100%; } .swiper-slide .bsi { margin:0px 0; } .swiper-wrapper { max-height: 100%; height: 100%t; display: flex; } .swiper-container .swiper-wrapper{ transition-timing-function: linear; } .swiper-container .swiper-wrapper img { display:block; overflow:hidden; border-radius:15px; margin:0px 0; } .splide-cover { overflow:hidden; max-height:836px; margin:0 -10px; } .splide-cover-i { display:flex; flex-direction:row; margin:0; width:100%; } .splide-cover-i .splide-w { padding:0 10px; max-width:455px; } .splide-cover ul { margin:0; padding:0; } .splide-cover ul li { margin:0; padding:0 0 0px; } .splide-cover ul li { overflow:hidden; border-radius:15px; width: auto; flex-shrink: 0; display: block; height: 100% !important; max-height: 100%; } .splide-cover ul li img { display:block; overflow:hidden; border-radius:15px; margin:10px 0; } .splide__track--ttb>.splide__list { } section.features > .elementor-container > .elementor-column { border-right:solid 1px rgba(249,249,249,0.3); margin-bottom:40px; } section.features > .elementor-container > .elementor-column:last-of-type { border-right:none } section.features > .elementor-container { justify-content:center; } /* Remove Modal overflow */ html body.oxy-modal-active { height: auto; overflow: hidden; position: fixed; position: relative; right: 0; left: 0; top: auto !important; } .menu-wrapper.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .menu-wrapper { padding:0 0; background: var(--primary-medium-blue, #0B4779); } .menu-wrapper .menu-inner { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; } .menu-wrapper .menu-inner .menu-block { } .menu-wrapper .menu-inner .menu-block .sub-menu-block ul li a .icon { display:none; } .menu-wrapper .menu-inner .menu-block .sub-menu-block ul li a .text { } .menu-wrapper .menu-block ul li a { color: var(--neutral-white, #F9F9F9); font-family: var(--font-default); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; /* 22.4px */ position:relative; padding:27px 19px 27px 0; display: block; } .menu-wrapper .menu-block ul li a:after { background:url('images/icon-arrow-down-w.svg') 0 0 no-repeat; display:block; position:absolute; top:50%; margin-top:-3px; right:0px; width:14px; height:8px; content:""; transition:all ease 250ms; } .menu-wrapper .menu-block ul li a:hover:after { transform:rotate(180deg); } .menu-wrapper .menu-block #main-navigation > li > a:hover { color: var(--accent-azure, #2BCCD3); } .menu-wrapper .menu-block #main-navigation > li > a:before { background: #2BCCD3; display: block; position: absolute; bottom: 0px; left: 0; right: 0px; width: 0%; height: 3px; content: ""; transition: all ease 250ms; } .menu-wrapper .menu-block #main-navigation > li > a:hover:before { width: 100%; } .menu-wrapper .menu-block #main-navigation > li:hover > a:before { width: 100%; } .menu-wrapper .menu-block #main-navigation > li.current-menu-ancestor > a { color: var(--accent-azure, #2BCCD3); } .menu-wrapper .menu-block #main-navigation > li.current-menu-ancestor > a:before { width:100%; background: #2BCCD3; } .menu-wrapper .menu-block #main-navigation > li.current-menu-ancestor > a:after { transform: rotate(180deg); } .menu-wrapper .menu-block ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; } .menu-wrapper .menu-block ul li { margin-right:100px; position:relative; } .menu-wrapper .menu-block ul li.hidden { display:none !important; } .menu-wrapper .menu-block ul li:last-of-type { margin-right:0px } .menu-wrapper .sub-menu-block ul li a { color: var(--neutral-dark); font-family: var(--font-default); font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ border-radius: 90px; opacity: 0.9; background: var(--accent-light-green, #BFF18C); padding:10px 25px; display:block; max-height:42px; } .menu-wrapper .sub-menu-block ul li a .icon { display:none; } .menu-wrapper .sub-menu-block ul li a:hover { color:#161616; background-color:#f9f9f9; } .menu-wrapper .menu-block ul ul.sub-menu { position:absolute; top:100%; left:0; width:auto; display:none; } .menu-wrapper .menu-block ul li:hover .sub-menu { display: block; } .menu-wrapper .menu-block ul li .sub-menu { position: absolute; top: 100%; left: 0; width: auto; border-radius: 0px 0px 15px 15px; background: var(--primary-medium-blue, #0B4779); /* background: var(--accent-azure); */ z-index: 10; padding: 50px; min-width: 460px; left: -50%; max-width: 460px; margin-left: -230px; left: 50%; } .menu-wrapper .menu-block ul li .sub-menu li { margin:0 0 20px 0; } .menu-wrapper .menu-block ul li .sub-menu li a { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; padding:20px 45px 20px 0; display:block; border-radius: 15px; } .menu-wrapper .menu-block ul li .sub-menu li a:after { display:none; } .menu-wrapper .menu-block ul li .sub-menu li a:hover { background: rgba(43, 204, 211, 0.20); padding:20px 55px 20px 20px; } .menu-wrapper .menu-block ul li .sub-menu li a:after { position:absolute; top:50%; right:0; margin-top:-21px; border-radius: 30px; background: url('images/icon-menu-arrow-light.svg') center center no-repeat var(--secondary-dark-blue, #112E51); width: 42px; height: 42px; content:" "; display:block; content: " "; transition:all ease 200ms; } .menu-wrapper .menu-block ul li .sub-menu li a:hover:after { background-image: url('images/icon-menu-arrow-light.svg'); right:20px; background-color: var(--accent-azure, #2BCCD3); transform:rotate(360deg); } .menu-wrapper .menu-block ul li .sub-menu .sub-menu li a { } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu { position: relative; top: 0; left: 0; margin: 5px 0 0 0 ; min-width: 100%; padding: 0; width: auto; max-width: 100%; } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu li { padding:0 0 5px; margin:0; } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu a { font-size:20px; pointer-events:none; padding:0px; font-size:16px; color:#f9f9f9; opacity:0.8; padding:0px 0px 0px 10px; font-weight:400; } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu a:after { display:none; } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu li.current-menu-item a { background:none; } .menu-wrapper .menu-block ul li .sub-menu li.disable-children > .sub-menu li a { background:none !important; } /* Fix Width */ .menu-wrapper .menu-block > ul > li > .sub-menu { margin-left: 0; transform: translateX(-50%); max-width: 600px; } .menu-wrapper .menu-block > ul > li > .sub-menu li a { padding: 20px 95px 20px 0; white-space: nowrap; } .menu-wrapper .menu-block > ul > li > .sub-menu li a:hover { padding: 20px 75px 20px 20px; } .menu-wrapper .menu-block ul li .sub-menu li.current-menu-item a { background: rgba(43, 204, 211, 0.20); padding:20px 55px 20px 20px; } .menu-wrapper .menu-block ul li .sub-menu li.current-menu-item a:after { background-image: url('images/icon-menu-arrow-light.svg'); right:20px; background-color: var(--accent-azure, #2BCCD3); transform:rotate(360deg); } #menu-wrapper-div .oxy-header-left { } #menu-wrapper-div .oxy-header-left:after { pointer-events:none; width:100%; height:1px; position:absolute; content:""; bottom:0; left:0; right:0; opacity:0; transition:all ease 250ms; background: var(--neutral-white, #F9F9F9); } #menu-wrapper-div .oxy-header-left:hover:after { opacity:0.3; } .ct-div-block.ipipeline-mega-menu { display:none; } .ct-div-block.ipipeline-mega-menu nav .menu-main-mega-menu-container { } .ipipeline-mega-menu .oxy-nav-menu .menu-item { position: static; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu { } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li { margin-right: 100px; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a { margin-right: 0px; font-family: var(--font-default); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; position: relative; padding: 27px 19px 27px 0 !important; display: block; color:#f9f9f9; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a:hover { border-top-width: 0px !important; color: var(--accent-azure, #2BCCD3); background:transparent; border-bottom-color:var(--accent-azure, #2BCCD3); } .ipipeline-mega-menu ul#menu-main-mega-sub-menu li a:hover { border-top-width: 0px !important; background:transparent; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a:after { background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; display: block; position: absolute; top: 50%; margin-top: -3px; right: 0px; width: 14px; height: 8px; content: ""; transition: all ease 250ms; margin-left: 0; transform: rotate(0); border:none; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a:hover:after { transform: rotate(180deg); } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a:before { background: #2BCCD3; display: block; position: absolute; bottom: 0px; left: 0; right: 0px; width: 0%; height: 3px; content: ""; transition: all ease 250ms; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > a:hover:before { width: 100%; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu { position: absolute; width: 100%; background-color: #0b4779; padding-top: 0px; padding-bottom: 60px; display: none; top: 100%; left: 0px; gap: 0px; width: 100vw !important; background-color: blue; left: 50% !important; transform: translateX(-0%) !important; position: absolute; top: 100% !important; left: 0; visibility:visible !important; width: auto; border-radius: 0px 0px 15px 15px; background: var(--primary-medium-blue, #0B4779) !important; z-index: 10; padding: 50px; opacity: 1; width: 100vw !important; max-width:100vw !important; position: absolute !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; opacity:1 !important; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu ul.sub-menu { background-color:transparent; } .z-index-image { position:relative; z-index:5; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li:hover > ul.sub-menu { display: block; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu li:focus-within a, .ipipeline-mega-menu ul#menu-main-mega-sub-menu li:hover a { background-color: transparent; border-top-width: 0px; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; padding: 20px 0 37px !important; transition: all ease 250ms; position:relative; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a:after { border-radius: 30px; background: var(--accent-azure, #2BCCD3); width: 42px; height: 42px; text-align: center; padding: 5px; position:absolute; transition:all ease 250ms; top:50%; margin-top:-21px; right:0; transform: rotate(0); border:none; background:url('images/arrow-blue-l.png') 0 0 no-repeat;} .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a:before { color: #f9f9f9; font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; position: absolute; bottom: 20px; left: 0px; content: "Click for more information"; display: block; transition:all ease 250ms; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a:hover:before { left:20px; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li { width:27.5%; border-right:solid 1px rgba(249,249,249,0.3); padding-right:60px; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a:hover { padding: 20px 20px 37px !important; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li > a:hover:after { right:20px; background:url('images/arrow-lightblue-l.png') 0 0 no-repeat; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li { } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu { display:none !important; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu { position: absolute; width: 27.5%; left:27.5%; top:0; display:block !important; visibility:visible; opacity:1; } .ipipeline-mega-menu ul#menu-main-mega-sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu > li > ul.sub-menu { position: relative; width: 27.5%; left:100%; top:0; display:block !important; visibility:visible; opacity:1; } .full-block { width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .faq-i-block-title h2 { color: #298FC2; color: var(--col-dark-blue); font-family: var(--font-default); font-size: 53px; font-style: normal; font-weight: 400; line-height: 68.9px; text-transform: capitalize; } .faq-i-block-title { margin-bottom:0px; } .faqs-i-inner {} .each-faq-item { margin-bottom: 24px; } a.each-faq-title { display: block; padding:20px 90px 20px 40px; position:relative; color: #17253F; font-family: var(--font-default); font-size: 24px; font-style: normal; font-weight: 400; line-height: 134.182%; border-radius: 15px; border: 1px solid var(--primary-medium-blue, #0B4779); cursor:pointer; } a.each-faq-title:hover { background:var(--primary-medium-blue, #0B4779); color:#F9F9F9; } a.each-faq-title:hover span { background: var(--neutral-white); color: var(--primary-medium-blue); } .each-faq-title span { position: absolute; font-size: 24px; color: var(--primary-medium-blue); right: 40px; top: 50%; margin-top: -21px; width: 42px; height: 42px; line-height: 46px; text-align: center; border-radius: 30px; background: var(--accent-azure, #2BCCD3); justify-content: center; align-items: center; display: flex; } .each-faq-title span i.fa-plus:before { content: "\f107"; } .each-faq-title > span { transition:all ease 250ms; transform:rotate(0deg) } .each-faq-item.active .each-faq-title > span { transition:all ease 250ms; transform:rotate(180deg) } .each-faq-content { display:none; } .each-faq-content-i { padding:0px 40px 20px 40px; border-bottom: none; font-size:20px; } .each-faq-content-i * { font-size:inherit; } .faq-more { border-radius: 15px; border: 0px solid transparent; padding:20px 40px; display:flex; flex-direction:row; align-items: center; justify-content: space-between; margin-bottom:60px; } .faq-more p { color: var(--col-dark-blue); font-family: var(--font-default); font-size: 24px; font-style: normal; font-weight: 400; line-height: 1.4em; /* 28.178px */ margin:0; } .faq-more p a { color: #298FC2; text-align: center; font-family: var(--font-default); font-size: 21px; font-style: normal; font-weight: 700; /* 76.19% */ } .faq-more p a:hover { color: #FAA92F; } .each-faq-item.active a.each-faq-title i.fa-plus:before { content: "\f107"; } .each-faq-item.active a.each-faq-title { background:var(--primary-medium-blue, #0B4779); color:#F9F9F9; border-radius:15px 15px 0 0; padding-bottom: 16px; } .each-faq-item.active a.each-faq-title span { background: var(--neutral-white); color: var(--primary-medium-blue); } .each-faq-content { background:var(--primary-medium-blue); border-radius:0 0 15px 15px; } .each-faq-content p { line-height: 1.45em; color:var(--neutral-white); padding-bottom:1em; } .each-faq-content p a { color: var(--accent-light-green); font-weight: 700; /* 76.19% */ } .each-faq-content p a:hover { color: #97c964; } .each-faq-content p:last-of-type { paading-bottom:0; } .faq-more .faq-more-button { position: relative; } .faq-more-button a { white-space: nowrap; display: inline-block; padding:18px 91px 18px 30px; background:#2BCCD3; color:#161616; font-family:var(--font-default); font-size:18px; line-height:1.4em; font-weight:500; position:relative; border-radius:60px; } .faq-more-button a span{ width:80px; height:80px; position:Absolute; top:50%; right:0; margin-top:-40px; text-align:center; background-color:#f9f9f9; border:solid 10px #2BCCD3; border-radius:500px ; display: flex; align-items: center; justify-content: center; transition:all ease 250ms; } .faq-more-button a span {} .faq-more-button a:hover { color:#161616; } .faq-image img { position:relative; z-index:2; bottom: -5px; } .faq-more-button a:hover { background-color: var(--accent-azure-hover); } .faq-more-button a:hover span { border-color: var(--accent-azure-hover) } .faq-more-button.light-blue-simple a { padding-right:30px; } .faq-more-button.blue-simple a { padding-right:30px; } .faq-more-button.default a { padding-right:30px; } .faq-more-button.default a { background: var(--accent-light-green, #BFF18C); } .faq-more-button.green-with-calendar a { background: var(--accent-light-green, #BFF18C); } .faq-more-button.green-with-arrow a { background: var(--accent-light-green, #BFF18C); } .faq-more-button.green-with-arrow a span { border-color:var(--accent-light-green); } .faq-more-button.green-with-calendar a span { border-color:var(--accent-light-green); } .faq-more-button.default a:hover { background: #97c964; } .faq-more-button.green-with-calendar a:hover { background: #97c964; } .faq-more-button.green-with-arrow a:hover { background: #97c964; } .faq-more-button.green-with-arrow a:hover span { border-color:#97c964; } .faq-more-button.green-with-calendar a:hover span { border-color:#97c964; } .custom-carousel-item-i { padding-right: 60px; padding-top: 60px; padding-bottom: 60px; padding-left: 60px; background-color: #0b4779; border-radius: 50px; text-align: left; align-items: center; width: auto; } .custom-carousel-item-i .item-image-w img { margin-bottom: 40px; border-radius: 20px; } .custom-carousel-item-i h5 { color: #f9f9f9; font-size: 40px; font-weight: 400; text-align: center; margin-bottom:5px; } .custom-carousel-item-i .item-button-w { text-align:center; } .custom-carousel-item-i .ct-link-button.default-green-button { display:inline-block; background-color: #bff18c; border: 1px solid #bff18c; button-hover_color: #97c964; font-size: 18px; font-weight: 500; border-radius: 60px; line-height: 1; padding-bottom: 21px; padding-left: 30px; padding-right: 30px; color: #161616; margin-top: 19px; margin-bottom: 6px; padding-top: 21px;} .custom-carousel-item-i .ct-link-button.default-green-button:hover { background-color:#97c964; } body.oxygen-builder-body .oxy-single-faq-element .each-faq-content { display:block !important; } .elementor-element.add-overlay:before { background-color:rgba(0,0,0,0.45); content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .elementor-element.faq-image { position: absolute; bottom: 0; max-width: 63%; } .elementor-element.faq-image img{ width:100%; } .elementor-widget-container p.elementor-heading-title a { color: var(--accent-azure) !important; } .elementor-widget-container p.elementor-heading-title a:hover { color: var(--accent-azure-hover) !important; } .elementor-element.brand-new { display: inline-flex !important; position: relative; width: auto; margin: auto; flex-direction: column; } .elementor-widget-image img { width:auto; max-width:100%; height:auto; } .legal-content-page h2 { color: #0b4779; font-weight: 400; font-size: 55px; line-height: 1.1; padding-bottom: 50px; padding-top:60px; } .legal-content-page h2 strong { font-weight: 400; } .legal-content-page h3 { color: #161616; font-weight: 400; font-size: 40px; line-height: 1.1; padding-bottom: 50px; } .legal-content-page .oxy-rich-text { color: #161616; font-weight: 400; font-size: 16px; line-height: 1.4; } .legal-content-page p { color: #161616; font-weight: 400; font-size: 16px; line-height: 1.4; padding-bottom: 1em; } .legal-content-page .elementor-widget-text-editor .elementor-widget-container p:last-of-type { padding-bottom: 1em !important; } .legal-content-page p:contains(' ') { display: none; } .legal-content-page table { margin-top:1.4em; } .legal-content-page a { color: var(--accent-azure); } .legal-content-page a:hover { color: var(--accent-azure-hover); } .privacy-table-block { width: 100%; } .privacy-table-block { padding-bottom: 50px; } .privacy-table-block table td { padding-bottom: 50px; } .icon-code-block .ct-div-block { display: flex; flex-direction: row; padding: 5px 0 0 0; gap: 10px; } .icon-code-block .elementor-widget-container:has( > .ct-code-block ) { display: flex; flex-direction: row; padding: 5px 0 0 0; gap: 10px; align-items:center; } .icon-code-block .elementor-widget-container:has( > .ct-code-block ) .ct-code-block { width:auto !important; } .no-search-results { } .no-search-results h2 { color: var(--primary-medium-blue, #0B4779); font-family: Satoshi; font-size: 55px; font-style: normal; font-weight: 400; line-height: 110%; padding-bottom: 40px; } .no-search-results p { color: var(--neutral-dark, #161616);font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; } .no-search-results .ct-code-block { margin-bottom: 50px; } .search-title-main h2 { color: var(--primary-medium-blue, #0B4779); font-family: Satoshi; font-size: 55px; font-style: normal; font-weight: 400; line-height: 110%; padding-bottom: 40px; } .single .elementor-widget-theme-post-content p { font-size: 20px; font-weight: 400; line-height: 1.4; padding-bottom: 1em; } .single .elementor-widget-theme-post-content p { font-size:20px; font-weight:400; line-height:1.4; padding-bottom:1em; } .single .elementor-widget-theme-post-content h3 { color: var(--secondary-dark-blue); font-size: 34px; font-weight: 400; line-height: 1.4; margin: 0; padding-top: 0.5em; padding-bottom: 0.75em; } .single .elementor-widget-theme-post-content h2 { color: var(--secondary-dark-blue); font-size: 44px; font-weight: 400; line-height: 1.4; margin: 0; padding-top: 0.5em; padding-bottom: 0.75em; } .single .elementor-widget-theme-post-content p:last-of-type { padding-bottom:0; } .single .elementor-widget-theme-post-content ul { margin-left:1em; padding-left:1em; margin-top:10px; } .single .elementor-widget-theme-post-content ul li { font-size:20px; font-weight:400; line-height:1.4; padding-bottom:1em; list-style-type: disc; } .single .elementor-widget-theme-post-content ol { margin-left:1em; padding-left:1em; margin-top:10px; } .single .elementor-widget-theme-post-content ol li { font-size:20px; font-weight:400; line-height:1.4; padding-bottom:1em; list-style-type: disc; } .single .elementor-widget-theme-post-content p strong { color:var(--secondary-dark-blue); font-weight:700; } .single .elementor-widget-theme-post-content blockquote { margin-bottom:1.4rem; } .single aside .recent-posts-footer .oxy-posts .ipipeline-post { max-width:100%; margin-bottom: 40px; } .single aside .recent-posts-footer .oxy-posts { display:block; } .single aside .ipipeline-post-title a { color: var(--neutral-white, #F9F9F9); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 32px; } .single aside .ipipeline-post-title a:hover { color: var( --accent-light-green ); } .single aside .ipipeline-post-image { display:none; } .single aside .ipipeline-post-excerpt { display:none; } .dynamic-categories .elementor-post-info { text-align: center; display: flex; justify-content:center; } hr { background-color: #343434; border: 0 none; height: 1px; margin: 1em 0 1.74em !important; } .single .ct-div-block.single-post-info-block { text-align: left; flex-direction: row; display: flex; align-items: center; width: auto; } .single .ct-div-block.single-post-info-block .spi-image { margin-right: 10px } .single .ct-div-block.single-post-info-block .spi-image img { border-radius:500px; width:32px; height:32px; } .single .ct-div-block.single-post-info-block .spi-data > div { color: #161616; font-weight: 500; font-size: 18px; line-height: 1.4; } .single .ct-div-block.single-post-info-block .spi-data > div:last-of-type { color: rgba(22, 22, 22, 0.81); font-size: 16px; font-weight: 400; line-height: 1.4; } .single .elementor-shape-circle .elementor-icon.elementor-social-icon { font-size: 19px; border-radius: 50%; background-color: #112e51; } .single .elementor-shape-circle .elementor-icon.elementor-social-icon svg { height: 28px; width: auto; } .legal-content-page a.ct-link-button { font-weight: 500; font-size: 18px; line-height: 1; padding-bottom: 21px; border-radius: 60px; padding-top: 21px; padding-right: 30px; padding-left: 30px; max-height: 60px; margin-bottom: 80px; background-color: #bff18c; border: 1px solid #bff18c; color: #161616; } .legal-content-page a.ct-link-button :hover { background-color: #97c964; border: 1px solid #97c964; color: #161616; } :is(tr, div._important), :-webkit-any(tr, div._important) { display: table-row; } :-webkit-any(table, div._important), :is(table, div._important) { display: table; } :is(thead, div._important), :-webkit-any(thead, div._important) { display: table-header-group; } :is(tbody, div._important), :-webkit-any(tbody, div._important) { display: table-row-group; } :is(th, td, div._important), :-webkit-any(th, td, div._important) { display: table-cell; } .default-button { position: relative; } .default-button a { display: inline-block; padding:18px 91px 18px 30px; background:#2BCCD3; color:#161616; font-family:var(--font-default); font-size:18px; line-height:1.4em; font-weight:500; position:relative; border-radius:60px; } .default-button a span{ width:80px; height:80px; position:Absolute; top:50%; right:0; margin-top:-40px; text-align:center; background-color:#f9f9f9; border:solid 10px #2BCCD3; border-radius:500px ; display: flex; align-items: center; justify-content: center; } .default-button a span {} .calling-person img { } .default-button .calling-person { position: absolute; bottom: -50px; right: 1.5rem; width: 100%; max-width: 300px; } .default-button.bottom-spacing { padding:10px 0 280px 0; /*overflow:hidden;*/ } .pos-static { position:static; } a.default-button { display: inline-block; padding:21px 91px 21px 30px; background:#2BCCD3; color:#161616; font-family:var(--font-default); font-size:18px; line-height:1em; font-weight:500; position:relative; border-radius:60px; margin: 10px 0; } a.default-button span{ width:80px; height:80px; position:Absolute; top:50%; right:0; margin-top:-40px; text-align:center; background-color:#f9f9f9; border:solid 10px #2BCCD3; border-radius:500px ; display: flex; align-items: center; justify-content: center; } a.default-button a span {} a.default-button:hover { background:var(--accent-azure-hover); color:var(--neutral-dark)} a.default-button:hover span { border-color:#4b9bcb } .default-button.green { background:var(--accent-light-green) } .default-button.green span { border-color:var(--accent-light-green) } .default-button.green:hover { background:#97c964 } .default-button.green:hover span { border-color:#97c964 } a.default-button.regular-size { display: inline-block; padding:21px 30px 21px 30px; } a.default-button.regular-size:hover { background:var(--accent-azure-hover); } .ct-text-block { line-height:1.4em; } .oxy-rich-text { line-height:1.4em; } p { line-height:1.4em; } .oxy-rich-text.styler p {} .oxy-rich-text.styler h2 {} .oxy-rich-text.styler strong {} .oxy-rich-text.styler h2 { color: #0b4779; font-weight: 400; font-size: 55px; line-height: 1.1; padding-bottom: 0.9em; padding-top: 0.8em; } .oxy-rich-text.styler h2 strong { font-weight: 400; } .oxy-rich-text.styler p { margin-bottom:1em; } .conf-date { display:inline-block; padding:10px 14px; margin:0 16px 0 0; border-radius:10px; font-size:16px; font-weight:500; color:#f9f9f9; background:#4B9BCB; line-height: 1.375em; } .special-icon { } .special-icon .elementor-widget-container { background-color:var(--accent-light-green); width: 60px; height: 60px; border-radius:1000px; } .special-icon .elementor-widget-container .elementor-icon { display: block; font-size: 32px; width: 32px; height:32px; } .special-icon .elementor-widget-container .elementor-icon svg { height:32px; width: 32px; } .special-icon .elementor-widget-container .elementor-icon-wrapper { height:32px; width: 32px; } .green-icon-wrapper { width: 60px; height: 60px; display: block; margin:0 auto; } .green-icon-wrapper-i { width:60px; height:60px; border-radius:500px; background:var(--accent-light-green); display:flex; align-items:center; justify-content: center; text-align:center; overflow:clip;} .green-icon-wrapper-i .img-icon-w { max-width:90%; margin:0 auto; } .green-icon-wrapper-i .img-icon-svg { max-width:90%; margin:0 auto; } .green-icon-wrapper.size-large { width: 100px; height: 100px; display: block; margin:0 auto; } .green-icon-wrapper.size-large .green-icon-wrapper-i { width:100px; height:100px; } .elementor-element:has(> .elementor-widget-icon_widget_1 .green-icon-wrapper.size-large) { min-width:100px; } .simple-link-wrapper-parent { text-align: center; justify-content: center; margin: 0 auto; display: flex; } .simple-link-wrapper-parent > a { text-align: center; flex-direction: row; display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 30px; } .simple-link-wrapper-parent > a .ct-text-block { color: #bff18c; font-size: 18px; font-weight: 400; line-height: 1.4; padding-right: 10px; } .list-with-lines ul li { position:relative; padding:0 0 0 34px; margin-bottom:16px; color: #BFF18C; font-family: "Satoshi", Sans-serif; font-size: 20px; font-weight: 700; line-height: 1.4em; } .list-with-lines ul li a { color: #BFF18C; } .list-with-lines ul li a:hover { color: var(--neutral-white); } .list-with-lines ul li:last-of-type { margin:0; } .list-with-lines ul { position:relative; padding:0; margin:0px; } .list-with-lines ul li:before { position:absolute; top:8px; left:0; content:""; display:block; width:24px; height:10px; background:url('images/icon-green-lines.svg') 0 0 no-repeat; } .list-with-lines .oxy-rich-text ul {} .list-with-lines .oxy-rich-text ul li { list-style-type: none; padding: 0 0 0 34px; margin: 0 0 0 .25em; } .list-with-lines.oxy-rich-text ul li { text-align: left; list-style-type: none; padding: 0 0 0 34px; margin: 0 0 0 .25em; } .oxy-rich-text.list list-with-lines { display:flex; margin:0 auto; } .oxy-rich-text.list-with-lines { text-align: center; display: flex; } .oxy-rich-text.list-with-lines > div.elementor-widget-container { width: auto; margin: 0 auto; display: flex; } .tabs-wrapper { } .tabs-wrapper-intro { margin-bottom:80px; } .tabs-inner { display:flex; flex:1; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items: flex-end; } .tabs-inner .tab { transition: all ease 500ms; } .tabs-inner .tab.active { width:60% } .tabs-inner .tab.active .tab-inner { border-right: solid 1px rgba(249,249,249,0.3); } .tabs-inner .tab.active:last-of-type .tab-inner { border-left: solid 1px rgba(249,249,249,0.3); border-right: none; } .tabs-inner .tab .tab-inner { padding:0 60px 0 0; } .tabs-inner .tab:last-of-type .tab-inner { padding:0 0 0 60px; } .tabs-inner .img { margin-bottom: 0px; text-align:center; } .tabs-inner .tab.active .controller { pointer-events:none; } .tabs-inner .heading { color: #F9F9F9; font-family: "Satoshi", Sans-serif; font-size: 40px; font-weight: 400; line-height: 1.2em; } .tabs-inner .heading { padding-bottom:0px; } .tabs-inner .description { padding-bottom:50px; } .tabs-inner .description p { color: #F9F9F9; font-family: "Satoshi", Sans-serif; font-size: 20px; font-weight: 400; line-height: 1.4em; } .tabs-inner .cta {} .tabs-inner a.elementor-button { display:inline-block; margin-top:40px; font-family: "Satoshi", Sans-serif; font-size: 18px; font-weight: 500; line-height: 1em; fill: #161616; color: #161616; background-color: #BFF18C; border-radius: 60px 60px 60px 60px; padding: 21px 30px 21px 30px; } .tabs-inner a.elementor-button:hover { color:#161616; background-color:var(--neutral-white); } .tabs-inner .tab .description, .tabs-inner .tab .list, .tabs-inner .tab .cta { display:none; transition:all ease 250ms; } .tabs-inner .tab.active .description, .tabs-inner .tab.active .list, .tabs-inner .tab.active .cta { display:block !important; height:100%; /* display:block; opacity:1; */ } .tabs-inner .tab.active .heading { padding-bottom:50px; } .tabs-inner .tab:not(.active):hover .heading.controller { color:var(--accent-light-green); } .tabs-inner .tab:not(.active):hover { cursor:pointer; } .i-tabs { position: relative; } .tabs-wrapper-intro {} .tabs-inner-intro {} .tabs-flx { display:flex; flex-direction:row; flex-wrap:wrap; margin:0 -25px; align-items:center; } .tabs-wrapper-intro-title { padding:0 25px; width:50%; } .tabs-wrapper-intro-title h2 { color: var(--secondary-dark-blue, #112E51); font-family: 'Satoshi'; font-size: 55px; font-style: normal; font-weight: 400; line-height: 110%; } .tabs-wrapper-intro-description { padding:0 25px; width:50%; color: var(--secondary-dark-blue, #112E51); font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; } .tabs-wrapper-intro-description p { color: var(--secondary-dark-blue, #112E51); font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { display:block !important; } .i-tabs .tabs-wrapper { border-radius: 50px 50px 50px 50px; background: var(--primary-medium-blue, #0B4779); overflow:hidden; margin-top:0px; border: solid 1px var(--primary-medium-blue, #0B4779); } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { width:586px; max-width: 32.62%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: 67.38%; max-width: 67.38%; } .i-tabs .tabs-inner .tab .tab-inner { padding:100px 95px; border-right: none; } .i-tabs .tabs-inner .tab.active .tab-inner { border-right: 1px solid var(--primary-medium-blue, #0B4779); border:none; } .i-tabs .tabs-inner .tab.active { border-right: solid 1px rgba(249,249,249,0.3); border:none; } .i-tabs .tabs-inner .tab { flex:1; transition:all ease 500ms; } .i-tabs .tabs-inner { align-items:stretch; } .tabs-inner .tab.active .tab-inner { border-right: none } .i-tabs .tabs-inner .tab:not(.active) { width:16.3333%; background:var(--neutral-white); } .i-tabs .tabs-inner .tab:not(.active) .tab-inner { padding:100px 20px; text-align:center; border-right: 1px solid var(--primary-medium-blue, #0B4779); height: 100%; position:relative; } .i-tabs .tabs-inner .tab:not(.active):last-of-type .tab-inner { border-right: none } .i-tabs .tabs-inner .tab:not(.active) .tab-inner .heading { color: var(--primary-medium-blue, #0B4779); text-align: center; font-family: Satoshi; font-size: 40px; font-style: normal; font-weight: 400; line-height: 120%; text-align:center; } .tab-inner-flx { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx { } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img { width:100%; order:2; padding:0; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-content { width:100%; order:1; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding:0 15px; } .tabs-inner .tab.active .tab-inner-content { width:55%; } .tabs-inner .tab.active .tab-inner-img { width:45%; padding:0 ; } .tabs-inner .tab.active .tab-inner-img img{ padding:0 27.6% 0 7.28%; } .tabs-wrapper-intro { width: 33%; display: flex; align-items: center; max-width: 33%; margin: 0; background: #f9f9f9; border-right: solid 1px var(--primary-medium-blue); overflow: hidden; } .tabs-inner-intro { padding:0 60px; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: 46.2%; max-width: 46.2%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { width: 374px; max-width: 20.8%; } .tabs-flx { display: block; margin: 0; } .tabs-wrapper-intro-title { padding: 0 0 40px; width: auto; } .tabs-wrapper-intro-description { padding: 0 0 0px; width: auto; } /* tabs update mk2 */ .tabs-mk2 .i-tabs .tabs-inner { align-items: stretch; margin: 0; padding: 0; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab { width: 21%; max-width: 100vw; flex:auto; position:relative; overflow:hidden; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: 46%; max-width: 100vw; flex:auto; } .tabs-mk2 .tabs-wrapper-intro { width: 33%; max-width: 100vw; flex:auto; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-content { width: 100%; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding: 0px; transition:all ease 500ms; pointer-events: none; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller img { transition:all ease 500ms; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; text-align: right; padding: 0px 5%; transition:all ease 500ms; pointer-events: none; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active .img.controller { text-align:right; padding-right:95px; } .tabs-mk2 .i-tabs .tabs-inner .tab.active .tab-inner { position: static; height:676px !important } .tabs-mk2 .tabs-inner .tab.active .description, .tabs-mk2 .tabs-inner .tab.active .list, .tabs-mk2 .tabs-inner .tab.active .cta { display: block !important; opacity:1; height: auto; position:static; } .tabs-mk2 .tabs-inner .tab .description, .tabs-mk2 .tabs-inner .tab .list, .tabs-mk2 .tabs-inner .tab .cta { position:absolute; display:block !important; opacity:0; height: auto; } .tabs-mk2 .tabs-inner .tab.active .heading { min-width:300px; } .team-modal-close { opacity:1; transition:all ease 250ms; cursor:pointer; } .team-modal-close:hover { opacity:0.5; } .checkbox-list ul li { color: var(--neutral-white, #F9F9F9); margin: 0; list-style-type: none; font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ position:relative; padding:0 0 0 62px; margin-bottom:30px; } .checkbox-list ul li:before { position:absolute; top:0px; left:0; content:""; display:block; background:url('images/icon-checked.svg') center center no-repeat transparent; color:#161616; background-color:var(--accent-light-green); border-radius:500px; width:42px; height:42px; top: 50%; margin-top: -21px; background-size:initial; } .checkbox-list.blue ul li { color: var(--neutral-dark); list-style-type: none; } .oxy-rich-text.checkbox-list ul li { color: var(--neutral-white, #F9F9F9); list-style-type: none; margin: 0; font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ position:relative; padding:0 0 0 62px; margin-bottom:30px; } .oxy-rich-text.checkbox-list ul li:before { position:absolute; top:0px; left:0; content:""; display:block; background:url('images/icon-checked.svg') center center no-repeat transparent; color:#161616; background-color:var(--accent-light-green); border-radius:500px; width:42px; height:42px; top: 50%; margin-top: -21px; background-size:initial; } .oxy-rich-text.checkbox-list.blue ul li { color: var(--neutral-dark); } .cform-default { margin:0px 0 0 0; } .cform-row { display:flex; flex-direction:row; margin:0 -15px; } .cform-default .cform-col.half { width:50%; } .cform-default .cform-col { width:100%; padding:0 15px; } .cform-default .cform-col p { color: var(--neutral-dark, #161616);font-family: Satoshi;font-size: 16px;font-style: normal;font-weight: 400;line-height: 140%; margin:0; } .cform-default input { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:30px; } .cform-default textarea { resize: none; background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:30px; height:7.5em; } .cform-default input { color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; } .cform-default .submit-button input { border-radius: 60px; padding:0px 30px; border: 1px solid #D5F5F6; margin:0; transition:all ease 250ms; cursor:pointer; background: #D5F5F6; width:auto; color: #9CB2B3; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500; line-height: 60px; height:60px; } .cform-default .submit-button input:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } .cform-default .submit-button { text-align:right; } #wpcf7-f939-p31-o1 .cform-default .submit-button { text-align:left; } .cform-row.submit-row.button-left .submit-button { text-align:left; } .cform-default .submit-button .wpcf7-spinner { position: absolute; } .wpcf7-not-valid-tip { position: relative; top: -30px; } .cform-row.submit-row { margin-top:20px; } /***** Contact Form ********************/ #gform_wrapper_1 { } #gform_wrapper .gform_validation_errors { } #gform_wrapper_1 .gform_required_legend { display:none; } #gform_wrapper_1 .gfield > label { display:none } #gform_wrapper_1 .gfield > .ginput_container input { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } #gform_wrapper_1.gravity-theme .gform_fields { grid-column-gap: 30px; grid-row-gap: 30px; } #gform_wrapper_1 .gfield > .ginput_container textarea { resize: none; background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } #gform_wrapper_1 .gfield > .ginput_container select { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } #gform_wrapper_1 .gform_button { border-radius: 60px; padding:0px 30px; border: 1px solid #D5F5F6; margin:0; transition:all ease 250ms; cursor:pointer; background: #D5F5F6; width:auto; color: #9CB2B3; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500; line-height: 60px; height:60px; } #gform_wrapper_1 .gform_button:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } #gform_wrapper_1 .gfield.selector { grid-column: span 6 !important; } #gform_wrapper_1 .gfield.selected-choice { grid-column: span 6 !important; } #gform_wrapper_1 .gform_footer { justify-content: flex-end; } #gform-wrapper { } #gform-wrapper h2.gform_title { display:none !important; } #gform-wrapper .gform_wrapper .gform_required_legend { display:none; } #gform-wrapper .gform_wrapper .gfield > label { display:none } #gform-wrapper .gfield > .ginput_container input { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } #gform-wrapper .gravity-theme .gform_fields { grid-column-gap: 30px; grid-row-gap: 30px; } #gform-wrapper .gform_wrapper .gfield > .ginput_container textarea { resize: none; background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; height:7.5em; } #gform-wrapper .gform_wrapper .gfield > .ginput_container select { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } #gform-wrapper .gform_wrapper .gform_button { border-radius: 60px; padding:0px 30px; border: 1px solid #D5F5F6; margin:0; transition:all ease 250ms; cursor:pointer; background: #D5F5F6; width:auto; color: #9CB2B3; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500; line-height: 60px; height:60px; } #gform-wrapper .gform_wrapper .gform_button:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } #gform-wrapper .gform_wrapper .gfield.selector { grid-column: span 6 !important; } #gform-wrapper .gform_wrapper .gfield.selected-choice { grid-column: span 6 !important; } #gform-wrapper .gform_wrapper .gform_footer { justify-content: flex-end; } #gform-wrapper .gform_wrapper .gfield_html p { font-style:italic; } #gform-wrapper .gform_wrapper .gfield .ginput_counter { display:none; } #gform-wrapper .validation_message.gfield_validation_message { padding: 5px 10px; font-size: 12px; border-radius: 15px; } /* HubSpot */ .hbspt-form { } .hbspt-form fieldset label { } .hbspt-form fieldset { max-width:1920px !important; width:100% !important; } .hbspt-form fieldset .input { margin-right:0 !important; } .hbspt-form fieldset .input input { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width:100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; margin-right:0px !important; width:100%; } .hbspt-form .gravity-theme .gform_fields { grid-column-gap: 30px; grid-row-gap: 30px; } .hbspt-form fieldset.form-columns-2 { display:flex; flex-direction:row; gap:30px; max-width: 1920px !important; margin-bottom:0px; } .hbspt-form fieldset.form-columns-1 { display:flex; flex-direciton:row; gap:0px; max-width: 1920px !important; margin-bottom:0px; } .hbspt-form fieldset .hs-form-field { margin-bottom:30px; width: 100%; } .hbspt-form fieldset .input textarea { resize: none; background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width: 100% !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; height:7.5em; } .hbspt-form fieldset .input select { background: transparent; color: var(--neutral-dark, #161616); font-family: Satoshi; width: 100% !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; border-radius: 15px; border: 1px solid var(--neutral-dark, #161616); padding:20px; margin-bottom:0px; } .hbspt-form .hs-submit .hs-button { border-radius: 60px; padding:0px 30px; border: 1px solid #D5F5F6; margin:0; transition:all ease 250ms; cursor:pointer; background: #D5F5F6; width:auto; color: #9CB2B3; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500; line-height: 60px; height:60px; } .hbspt-form .hs-submit .hs-button:hover { color: #f9f9f9; background-color:var(--primary-medium-blue); border-color:var(--primary-medium-blue); } .hbspt-form .hs-submit .actions { display:flex; align-items: flex-end; justify-content: flex-end;} .hbspt-form .validation_message.gfield_validation_message { padding: 5px 10px; font-size: 12px; border-radius: 15px; } .hbspt-form .hs-error-msg { font-size:12px; color:#ff0000; } .hbspt-form .hs_error_rollup { font-size:12px; color:#ff0000; padding:10px 0; } .hbspt-form .grecaptcha-logo { margin:30px 0; } .hbspt-form .hs-dependent-field { width:100%; } .partnership-slider-block { padding:24px 0 12px 0; text-align:center; } .partnership-slider-block-i { padding:60px 0; width:100%; margin:0 auto; text-align:center; } .partnership-slider-title { margin-bottom:50px; } .partnership-slider-title p { color: var(--primary-medium-blue, #0B4779); font-variant-numeric: lining-nums proportional-nums font-family: var(--font-default); font-size: 55px; font-style: normal; font-weight: 400; line-height: 110%; } .partnership-slider-subtitle { margin-bottom:60px; } .partnership-slider-subtitle p { color: #161616; font-size: 20px; font-weight: 400; max-width: 930px; line-height: 1.4; text-align: center; padding-top: 0px;margin-left: auto; margin-right: auto; } .partnership-slider-description { color: #161616; font-size: 20px; font-weight: 400; max-width: 970px; line-height: 1.4; text-align: center; margin:0 auto; padding:0 20px; } .partnership-slider-description-w { text-align:center; margin-bottom:60px; } .partnership-slider-item .item-image-w { padding:0 30px; text-align:center; } .partnership-item-img { width: 284px; height: 90px; max-height:90px; border-radius: 20px; background: #FFF; padding:13px 20px; } .partnership-item-img { display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 auto; } .owl-carousel .owl-item .partnership-item-img img { display: block; margin: 0 auto; width: auto; text-align: center; height: auto; max-width: 100%; max-height: 100%; } .owl-carousel .owl-item img { -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; } .partnership-slider.size-square .partnership-item-img { height: 140px; max-height: 140px; border-radius: 20px; } .equal-columns > div { height:auto; } .equal-columns > div > div { height:100% !important; } .custom-carousel .owl-item { padding:0 15px; } .custom-carousel .owl-nav button { position:absolute; top:50%; margin-top:-20px; width:50px; height:50px; text-align:center; background:#eee; border-radius:1000px; border:solid 1px var(--secondary-dark-blue) !important; transition: all ease 250ms; } .custom-carousel .owl-nav button:hover { background:var(--accent-azure) } .custom-carousel.ct-div-block { display:none; } .custom-carousel.owl-carousel.owl-loaded { display: block; } .oxygen-builder-body .custom-carousel.ct-div-block { display:block; } .custom-carousel .owl-nav button.owl-prev { left:-25px; right:auto; transform:rotate(-90deg); } .custom-carousel .owl-nav button.owl-next { left:auto; right:-25px; transform:rotate(90deg); } .custom-carousel .owl-stage-outer { padding:0 0px; } .custom-carousel { position:relative; padding-left: 40px; padding-right: 40px; } .custom-carousel .owl-item .ct-image { max-width:423px; } body .works-well-with { grid-auto-rows: 1fr; } body .works-well-with > div { text-align: center; align-items: stretch; justify-content: space-between; } .banner-cta { display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; } .banner-cta .button-wrap { max-width:280px; } .banner-cta .text { max-width: 345px; margin: 0 0 0 30px; } .banner-cta .text { display:none; } .banner-cta .text p { margin:0; padding:0; color: var(--neutral-white, #F9F9F9); font-family: var(--font-default); font-weight:700; font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; /* 28px */ } .banner-cta a.default-button.green { background: var(--accent-light-green, #BFF18C); transition:all ease 250ms; } .banner-cta a.default-button span { border-color: var(--accent-light-green, #BFF18C); transition:all ease 250ms; } a.default-button.green:hover { background-color:#97c964; color:var(--neutral-dark); } a.default-button.green:hover span { border-color:#97c964; } a.default-button span { transition:all ease 250ms; } .elementor-widget-text-editor .elementor-widget-container p { padding-bottom:1.4em; } .elementor-widget-text-editor .elementor-widget-container p strong { font-weight:700; } .privacy-table-block { width:100%; } .privacy-table-block table caption { display:none; } .privacy-table-block table { border-radius: 15px !important; border-collapse: separate; border: solid 1px #0B4779; width:100%; overflow:hidden; } .privacy-table-block table th { padding:10px 20px; background:var(--primary-medium-blue); color:var(--neutral-white); border-right: solid 1px var(--neutral-white); vertical-align: middle; } .privacy-table-block table tr th:last-of-type { border-right: none; } .privacy-table-block table td { padding:10px 20px; background:var(--neutral-white); color:var(--primary-medium-blue); border: solid 1px var(--primary-medium-blue); border-width:1px 1px 0px 0px } .privacy-table-block table tr {} .privacy-table-block table td ul li{ list-style-type: disc; padding: 0 0 0 0; margin: 0 0 0 1.5em; } .privacy-table-block table tr:first-of-type th:last-of-type { } .privacy-table-block table tr:first-of-type th:first-of-type { } .privacy-table-block table tr td:last-of-type { border-width:1px 0px 0px 0px } .privacy-table-block table tr:last-of-type td:last-of-type { border-radius:0 0 15px 0; border-width:1px 0px 0px 0px } .privacy-table-block table tr:last-of-type td:first-of-type { border-radius:0 0 0 15px; } .ct-div-block.sticky-sidebar.is-affixed .inner-wrapper-sticky > div:nth-child(1) { margin-top:0px; transition:all ease 250ms; } .ct-div-block.sticky-sidebar.is-affixed .inner-wrapper-sticky > div:nth-child(1) { margin-top:50px; } .ct-text-block.dynamic-categories span a { padding:14px 20px; color:var(--neutral-white); text-transform:uppercase; font-size:12px; line-height:1em; display:inline-block; margin:0 30px; border-radius:10px; border:solid 1px var(--neutral-white); } .ct-text-block.dynamic-categories span a:hover { background:var(--neutral-white); color:var(--primary-medium-blue); } #text_block-71-8.dynamic-categories { padding:0; } .oxy-rich-text ul { margin:0 0 1em 0; } .oxy-rich-text ul li { list-style-type: disc; padding: 0 0 0 0; margin: 0 0 0 1.5em; } .oxy-posts { } .oxy-posts .ipipeline-post { padding:60px; border-radius:50px; margin-bottom:40px; background:var(--primary-medium-blue); } .oxy-posts .ipipeline-post-categories { margin:0 -10px; display:flex; flex:auto; flex-wrap:wrap; justify-content:flex-start; align-items:center; } .oxy-posts .ipipeline-post-categories > a { padding:14px 20px; background:#fff; color: var(--neutral-dark, #161616); font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; /* 13.2px */ text-transform: uppercase; margin:0 10px; border-radius:10px; display:inline-block; } .oxy-posts .ipipeline-post-categories > a:hover { background: var(--accent-light-green, #BFF18C); } .ipipeline-post-title { margin:20px 0 20px 0; } .ipipeline-post-title a { color: var(--neutral-white, #F9F9F9); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 32px; font-style: normal; font-weight: 400; line-height: 140%; /* 44.8px */ } .ipipeline-post-title a:hover { color: var(--accent-light-green, #BFF18C); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i .ipipeline-post-title a:hover { color: var(--accent-azure); } .ipipeline-post-meta { display:flex; flex:auto; flex-wrap:wrap; justify-content:space-between; align-items:center; } .ipipeline-post-meta .meta-author { display:flex; flex:auto; flex-wrap:wrap; align-items:center; color: var(--neutral-white, #F9F9F9); text-align: center;font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; /* 25.2px */ } .ipipeline-post-meta .meta-author .img img { border-radius:500px; overflow:hidden; width:32px; height:32px; } .ipipeline-post-meta .meta-author .img { display:inline-block; margin:0 10px 0 0; } .ipipeline-post-meta .meta-date { color: var(--neutral-white, #F9F9F9); text-align: right; font-family: Satoshi; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */; opacity:0.8 } .ipipeline-post-excerpt { overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; opacity:0.8; margin-bottom:30px; } .ipipeline-post-calendar {} .ipipeline-post-calendar { display:flex; flex-direction:row; align-items:center; } .ipipeline-post-calendar svg { width:25px; height:25px; } .ipipeline-post-calendar span { padding-right:10px; } .ipipeline-post-desc { font-size:20px; margin-bottom:1rem; } .ipipeline-post-location { font-size:18px; margin-bottom:0.5em; } aside .elementor-widget-wp-widget-tag_cloud h5 { display: none; } aside .elementor-widget-wp-widget-tag_cloud .tagcloud { margin: 0px 0 15px 0; display: block; flex-direction: row; align-items: center; flex-wrap: wrap; width: 100%; height: auto; } aside .elementor-widget-wp-widget-tag_cloud .tagcloud a { color: var(--secondary-dark-blue, #112E51); font-family: Satoshi; font-style: normal; font-weight: 500; line-height: 110%; text-transform: uppercase; padding: 15px; display: inline-block; } .recent-posts-footer { } .recent-posts-footer .oxy-posts { display:flex; flex:auto; flex-wrap:wrap; justify-content: stretch; align-items:stretch; } .recent-posts-footer .oxy-posts .ipipeline-post { max-width:33.3333%; padding:0px 30px; border-radius:0px; margin-bottom:0px; background:transparent; } .recent-posts-footer .oxy-posts .ipipeline-post-i { height: 100%; padding:60px; border-radius:50px; margin-bottom:40px; background:var(--primary-medium-blue); } .recent-posts-footer .oxy-posts .ipipeline-post-excerpt { overflow: hidden; color: var(--neutral-white, #F9F9F9); text-overflow: ellipsis; whitespace: nowrap; font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; opacity:0.8; margin-bottom:40px; } .oxy-posts .ipipeline-post.resources-post-item { padding: 0px; border-radius: 0px; margin-bottom: 0px; background: transparent; } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i { height: auto; padding:60px; border-radius:50px; margin-bottom:40px; background:transparent; border: 1px solid var(--primary-medium-blue, #0B4779); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i .ipipeline-post-title a {color: var(--primary-medium-blue, #0B4779); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 32px; font-style: normal; font-weight: 400; line-height: 140%; /* 44.8px */ } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-excerpt { color:var(--neutral-dark); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-author { color: var(--neutral-dark, #161616); } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-meta .meta-date { color: var(--neutral-dark, #161616); opacity:0.8; } .ct-code-block.content-language-selector {} .ct-code-block.content-language-selector .country-switch { max-height: 42px; position:relative; display: flex; } .ct-code-block.content-language-selector .country-switch > a { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding:10px 47px 10px 43px; display:flex; flex-direction:row; max-height: 42px; } .ct-code-block.content-language-selector .country-switch:before { } .ct-code-block.content-language-selector .country-switch a .arrow-down { display:block; position:absolute; top:50%; margin-top:-11px; right:10px; width:24px; height:24px; transition:all ease 250ms; } .ct-code-block.content-language-selector .country-switch a { position:relative; color: var(--neutral-dark, #161616); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .ct-code-block.content-language-selector .country-switch .icon { left:0; position:absolute; top:9px; left:10px; width:24px; height:24px; } .ct-code-block.content-language-selector .country-switch .language-dropdown { position: absolute; top: 100%; right: auto; background: rgba(0,0,0,0.7); text-align: right; min-width: 200px; padding: 15px; z-index: 10; left: 0; border-radius: 0 30px 30px 30px; margin-top:0px; } .ct-code-block.content-language-selector .country-switch .language-dropdown ul {} .ct-code-block.content-language-selector .country-switch .language-dropdown ul li { padding:0.25em 0; font-size:18px; width:100%; } .ct-code-block.content-language-selector .country-switch .language-dropdown ul li a { color:#f9f9f9; } .ct-code-block.content-language-selector .country-switch .language-dropdown ul li a:hover { color: #bff18c; } .ct-widget.post-category-list { } .ct-widget.post-category-list .widget_categories { display: flex; } .ct-widget.post-category-list h2.widgettitle { padding: 0.25em 10px 0 0; color: #000; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ } .ct-widget.post-category-list ul { padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; } .ct-widget.post-category-list ul li { padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; padding:0 10px 10px; } .ct-widget.post-category-list ul li a { border-radius: 10px; border: 1px solid var(--neutral-dark, #161616); color: var(--neutral-dark, #161616); font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; /* 13.2px */ text-transform: uppercase; padding:14px 20px; } .ct-widget.post-category-list ul li a:hover { border-color: var(--accent-azure); color: var(--neutral-dark, #161616); background:var(--accent-azure); } .ct-widget.post-category-list ul li.current-cat a { border-color: var(--accent-azure); color: var(--neutral-dark, #161616); background:var(--accent-azure); } .sticky-sidebar { margin-bottom: 0px; width: 100%; } .sticky-sidebar .inner-wrapper-sticky { right:auto; top:auto; } .ct-widget.tag-cloud .tagcloud a { color: var(--secondary-dark-blue, #112E51); font-family: Satoshi; font-style: normal; font-weight: 500; line-height: 110%; /* 22px */ text-transform: uppercase; padding:15px; display:inline-block; } .ct-widget.tag-cloud .tagcloud a:hover { color:var(--accent-azure) } .ct-widget.tag-cloud .tagcloud { margin: 0px 0 15px 0; display: block; flex-direction: row; align-items: center; flex-wrap: wrap; width:100%; height:auto; } .ct-widget.tag-cloud h2.widgettitle { display:none; } /*.sticky-sidebar.is-affixed .inner-wrapper-sticky { max-width: fit-content; width: 100% !important;} .sticky-sidebar.is-affixed { width: 100% !important; } */ .category-nav { display:flex; flex-direction:row; flex-wrap:wrap } .category-nav .cat-legend { padding: 0.25em 10px 20px 0; color: #000; font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; } .category-nav .cat-links { } .category-nav .cat-links ul { padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; } .category-nav .cat-links ul li { padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; padding:0 10px 10px; } .category-nav .cat-links ul li a { border-radius: 10px; border: 1px solid var(--neutral-dark, #161616); color: var(--neutral-dark, #161616); font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; /* 13.2px */ text-transform: uppercase; padding:14px 20px; } .category-nav .cat-links ul li a:hover { border-color: var(--accent-azure); color: var(--neutral-dark, #161616); background:var(--accent-azure); } .category-nav .cat-links ul li a.active { border-color: var(--accent-azure); color: var(--neutral-dark, #161616); background:var(--accent-azure); } .category-nav .cat-links ul li.current-cat a { border-color: var(--accent-azure); color: var(--neutral-dark, #161616); background:var(--accent-azure); } .ipipeline-archive { display: flex; gap: 0; margin: 0 -15px; flex-wrap: wrap; flex-direction:row; } .page-contents .e-con-full.e-flex.e-con.e-child:has(aside) .ipipeline-archive .ipipeline-post { width: 50%; } .ipipeline-archive .ipipeline-post { width: 33.33%; padding: 0 15px 0px; } .ipipeline-archive { } .ipipeline-archive .ipipeline-post {} .ipipeline-archive .ipipeline-post-i {} .oxy-posts .ipipeline-post.resources-post-item { padding: 0px; border-radius: 0px; margin-bottom: 0px; background: transparent; } .ipipeline-archive .ipipeline-post-i { height: auto; padding:40px; border-radius:50px; margin-bottom:30px; background:transparent; border: 1px solid var(--primary-medium-blue, #0B4779); } .ipipeline-archive .ipipeline-post-i .ipipeline-post-title {color: var(--primary-medium-blue, #0B4779); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 32px; font-style: normal; font-weight: 400; line-height: 140%; /* 44.8px */ } .ipipeline-archive .ipipeline-post-i .ipipeline-post-title a {color: var(--primary-medium-blue, #0B4779); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 32px; font-style: normal; font-weight: 400; line-height: 140%; /* 44.8px */ } .ipipeline-archive .ipipeline-post-i .ipipeline-post-title a:hover {color: var(--accent-azure-hover); } .ipipeline-archive .ipipeline-post-i .ipipeline-post-excerpt { color:var(--neutral-dark); } .ipipeline-archive .ipipeline-post-i .ipipeline-post-meta .meta-author { color: var(--neutral-dark, #161616); } .ipipeline-archive .ipipeline-post-i .ipipeline-post-meta .meta-date { color: var(--neutral-dark, #161616); opacity:0.8; } .ipipeline-post-image { margin-bottom:30px; border-radius:20px; background-color: #4b9bcb; position:relative; min-height:250px; display:flex; flex-direction:row; align-items: stretch; justify-content: space-between; padding:0px 7.5%; } .ipipeline-post-image.bottom-padding {} .ipipeline-post-image img { border-radius:0px; max-height: 360px; max-height: 225px; width: auto; display:block; } .ipipeline-post-image.bottom-padding img { max-height: 205px; } .ipipeline-cat-title { padding:0px 0% 0px 0px; font-size:38px; color:#f9f9f9; font-weight:700; line-height:1.1em; width:45%; text-shadow:0px 0px 10px rgba(0,0,0,0.35); position:relative; z-index:10; align-items: center; justify-content: flex-start; display: flex; } .ipipeline-post-image-block { width:55%; text-align:center; padding: 20px 0% 0 0; margin: 0 0 0px 0; display: flex; justify-content: center; align-content: end; align-items: flex-end; } .ipipeline-post-image.bottom-padding .ipipeline-post-image-block { align-items: center; padding:20px 0; } .ipipeline-post-image.bottom-padding .ipipeline-post-image-block { padding-bottom:20px; } .single-post-banner .ipipeline-post-image-block { width:auto; } .single-post-banner .ipipeline-post-image { min-height:250px; width:100%; flex-direction: column; margin-bottom: 0; justify-content: space-between; border: solid 1px rgba(255,255,255,0.15); } .single-post-banner .ipipeline-post-image.bottom-padding { padding-bottom:40px; } .single-post-banner .ipipeline-post-image img { border-radius:20px; max-height: 615px; } .single-post-banner .ipipeline-cat-title { padding: 40px 40px 60px 40px; font-size:60px; text-align:center; width:100%; margin-bottom: 0; justify-content: center; } .single-post-banner.related-post-banner { min-height:0; margin-bottom:25px; } .single-post-banner.related-post-banner .ipipeline-post-image { min-height:0; } .single-post-banner.related-post-banner .ipipeline-post-image img { border-radius: 20px; min-height: 0; } .single-post-banner.related-post-banner .ipipeline-post-image img { border-radius:20px; max-height: 360px } .ipipeline-post-image > .ipipeline-post-image { width: 100%; margin-bottom: 0; justify-content: flex-end; } /* FR TITLE UPDATE */ html:lang(fr-ca) .ipipeline-post-image { margin-bottom: 30px px; border-radius: 20px; background-color: #4b9bcb; position: relative; min-height: 250px; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-end; padding: 0px 7.5%; } html:lang(fr-ca) .ipipeline-cat-title { border-radius: 25px; padding: 25px; background: rgba(0,0,0,0.45); width: auto; max-width: 60%; text-shadow: 0px 0px 10px rgba(0,0,0,0.35); position: absolute; top: 50%; left: 7.5%; transform: translateY(-50%); z-index: 10; align-items: center; justify-content: flex-start; display: flex; } .single-post h1 { font-size: clamp(32px, 4vw,55px) !important; } .post-list-main .oxy-posts { display: flex; gap: 0; margin: 0 -15px; flex-wrap: wrap; flex-direction:row !important; } .post-list-main .ipipeline-post { width: 50%; padding: 0 15px 0px !important; } .tag-posts-list { } .post-list-main.tag-posts-list .ipipeline-post { width: 33.3333%; padding: 0 15px 0px !important; } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i { height: auto; padding: 40px; } .ipipeline-post-categories { display:flex; flex-direction:row; flex-wrap:wrap; } .ipipeline-post-categories a { display: flex; padding: 14px 20px; justify-content: center; align-items: center; gap: 10px; border-radius: 10px; background:#fff; color: var(--neutral-dark, #161616); font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 110%; text-transform: uppercase; } .ipipeline-post-categories a:hover { background: var(--accent-azure, #2BCCD3); } .blog-page-pagination { display:none; } .ipipeline-post.hidden { display:none; } .read-more { text-align:center; margin-top: 60px; } .read-more .read-more-button { color:var(--neutral-dark); font-size: 18px; border-radius: 60px; border:solid 1px #2bccd3 ; line-height: 1; padding-right: 30px; padding-left: 30px; padding-top: 20px; display:inline-block; padding-bottom: 20px; } .read-more .read-more-button:hover { background:#2bccd3 ; color:var(--neutral-dark) } .global-locations-image img { /*position:relative; max-width:890px; width:100%; margin-top:0; top: 115px; z-index: 2; margin-top: -280px; */ } .elementor-element.icon-pin:before { position:absolute; top:0; left:0; content:""; display:block; background:url('images/icon-map-pin-blue.svg') 0 0 no-repeat transparent; color:#161616; width:32px; height:32px; } .elementor-element.icon-phone:before { position:absolute; top:0; left:0; content:""; display:block; background:url('images/icon-phone-blue.svg') 0 0 no-repeat transparent; color:#161616; width:32px; height:32px; } .no-auto-height { height: auto; DISPLAY: flex; flex-shrink: initial; align-items: flex-start; } .customer-switch { position:relative !important; width:auto; width:100%; max-width:610px; margin:0 auto; border-radius: 30px; padding:40px; background: var(--primary-medium-blue); text-align:center;z-index:2; } .customer-switch .switch-buttons { display:flex; } .customer-switch .switch-title { color: var(--neutral-white); font-family: var(--font-default); font-size: 40px; font-style: normal; font-weight: 400; line-height: 1.1em; margin:0 0 1em 0; } .customer-switch .switch-buttons a { width:100%; max-width:250px; display:inline-block; font-family: var(--font-default); font-size: 18px; font-style: normal; font-weight: 500; line-height: 60px; margin:0 12px; padding:0px 24px; height:60px; background:transparent; color:#F9F9F9; border:solid 1px #F9F9F9; border-radius: 30px; } .customer-switch .switch-buttons a.full { background:var(--accent-light-green); color:var(--primary-medium-blue); border:solid 1px var(--accent-light-green); pointer-events:none; } .customer-switch .switch-buttons a:hover { background:var(--accent-light-green); color:var(--primary-medium-blue); border-color:var(--accent-light-green); } section.static-position .customer-switch.portal { background:#298FC2; color:#fff; } section.static-position .customer-switch.portal .switch-title { color: #fff; } body .ct-div-block.team-row-wrapper > .ct-div-block { width: calc( 33.3333% - 60px ) !important; margin-left:30px !important; margin-right:30px !important; margin-bottom:60px !important; } body .ct-div-block.team-row-wrapper { margin-left:-30px !important; margin-right:-30px !important; width:auto !important } body .elementor-element.team-row-wrapper { margin-left:-30px !important; margin-right:-30px !important; width:auto !important } body .elementor-element.team-row-wrapper > .elementor-element { width: calc( 33.3333% - 60px ) !important; margin-left:30px !important; margin-right:30px !important; margin-bottom:60px !important; } .ct-link.green-block-link { display: block; width: 100%; padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-color: #bff18c; border-radius: 15px; margin-bottom: 30px; } .ct-link.green-block-link > div { flex-direction: row; display: flex; width: 100%; justify-content: space-between; align-items: center; } .ct-link.green-block-link .ct-text-block { font-size: 24px; font-weight: 400; color: #112e51; line-height: 1.4em; } .ct-link.green-block-link .ct-code-block { width: 42px; height: 42px; background-color: #0b4779; border-radius: 30px; display: flex; align-items: center; justify-content: center; } .ct-link.green-block-link:hover { background-color: #97c964; } a.max-link-wrapper:after { background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; display: block; position: absolute; top: 50%; margin-top: -3px; right: 0px; width: 14px; height: 8px; content: ""; transition:all ease 250ms; transform:rotate(0deg); } a.max-link-wrapper { color: var(--neutral-white, #F9F9F9); font-family: var(--font-default); font-size: 16px; font-style: normal; font-weight: 500; position: relative; display: inline-block; padding: 27px 19px 27px 0; margin-right: 100px; position: relative; } a.max-link-wrapper:before { background: #2BCCD3; display: block; position: absolute; bottom: 0%; left:0; right: 0px; width: 0%; height: 3px; content: ""; transition:all ease 250ms; } .sub-menu-wrapper:hover > a.max-link-wrapper { color:var(--accent-azure); } .sub-menu-wrapper:hover > a.max-link-wrapper:after { color:var(--accent-azure); transform:rotate(180deg); } .sub-menu-wrapper:hover > a.max-link-wrapper:before { width: 100%; } .sub-menu-wrapper.current-menu-ancestor > a.max-link-wrapper { color:var(--accent-azure); } .sub-menu-wrapper.current-menu-ancestor > a.max-link-wrapper:after { color:var(--accent-azure); } .sub-menu-wrapper.current-menu-ancestor > a.max-link-wrapper:before { width: 100%; } .sub-menu-wrapper .mega-menu-wrapper { position: absolute; width: 100%; background-color: #0b4779; padding-top: 0px; padding-bottom: 60px; display: none; top: 100%; left: 0px; gap: 0px; justify-content: center; } .sub-menu-wrapper:hover .mega-menu-wrapper{ display:flex !important; top:100% !important; } .sub-menu-wrapper .ct-code-block { width:100%; } .sub-menu-mega-link { padding-right: 60px; } .sub-menu-mega-link > a { display:flex; align-items:center; justify-content:space-between; padding:20px 0; transition:all ease 250ms; border-radius: 15px; } .sub-menu-mega-link > a .text { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; /* 33.6px */ } .sub-menu-mega-link > a .text .desc { display:none ;color: #FFF; font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; /* 16.8px */ margin-top:0px; } .sub-menu-mega-link > a .icon { border-radius: 30px; background: var(--accent-azure, #2BCCD3); width:42px; height:42px; text-align: center; padding: 5px; psoition:relative; right:0; } .sub-menu-mega-link > a:hover .icon { } .sub-menu-mega-link > a:hover { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } .sub-menu-mega-link > a:hover .text .desc { display:block; } .sub-menu-mega-link > a .text .desc span { width: 16px; display: inline-block; height: 16px; position: relative; margin-left: 6px; bottom: -4px; } .sub-menu-mega-link > a { display:flex; align-items:center; justify-content:space-between; padding:20px 0; transition:all ease 250ms; border-radius: 15px; } .sub-menu-mega-link.depth-1 { display:none; } .sub-menu-mega-link > a .text { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; /* 33.6px */ } .sub-menu-mega-link > a .text .desc { display:none ;color: #FFF; font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; /* 16.8px */ margin-top:0px; } .sub-menu-mega-link > a .icon { border-radius: 30px; background: var(--secondary-dark-blue, #112E51); width:42px; height:42px; text-align: center; padding: 5px; psoition:relative; right:0; } .sub-menu-mega-link > a .icon svg path { fill:var(--neutral-white); } .sub-menu-mega-link > a .icon { border-radius: 30px; background: var(--accent-azure, #2BCCD3); background: var(--secondary-dark-blue, #112E51); width:42px; height:42px; text-align: center; padding: 5px; psoition:relative; right:0; } .sub-menu-mega-link:hover > a .icon svg path { fill:var(--secondary-dark-blue, #112E51); } .sub-menu-mega-link:hover > a .icon { background: var(--accent-azure, #2BCCD3); } .sub-menu-mega-link > a:hover .icon svg path { fill:var(--secondary-dark-blue, #112E51); } .sub-menu-mega-link > a:hover .icon { background: var(--accent-azure, #2BCCD3); } .sub-menu-mega-link.current-page-ancestor > a .icon svg path { fill:var(--secondary-dark-blue, #112E51); } .sub-menu-mega-link.current-page-ancestor > a .icon { background: var(--accent-azure, #2BCCD3); } .sub-menu-mega-link.current-menu-item > a .icon svg path { fill:var(--secondary-dark-blue, #112E51); } .sub-menu-mega-link.current-menu-item > a .icon { background: var(--accent-azure, #2BCCD3); } .sub-menu-mega-link > a:hover .icon { } .sub-menu-mega-link > a:hover { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } .sub-menu-mega-link > a:hover .text .desc { display:block; } .sub-menu-mega-link > a .text .desc span { width: 16px; display: inline-block; height: 16px; position: relative; margin-left: 6px; bottom: -4px; } .mega-menu-wrapper .oxy-rich-text.menu-single ul { padding:0; margin:0; } .mega-menu-wrapper .oxy-rich-text.menu-single ul li { list-style-type:none; padding:4px 0; margin:0; } .mega-menu-wrapper .oxy-rich-text.menu-single ul li a { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ position:relative; padding:0 40px 0 0; display:block; } .mega-menu-wrapper .oxy-rich-text.menu-single ul li a:after { trasnition:all ease 250ms; opacity:0; content: ' '; background-image: url('images/sub-menu-link.svg'); display: block; width: 24px; height: 24px; position:absolute; right:0; top:0; } .mega-menu-wrapper .oxy-rich-text.menu-single ul li a:hover:after { opacity:1; } .mega-menu-wrapper .oxy-rich-text.menu-single ul li a:hover { color:var(--accent-azure) } .sticky-sidebar-parent { overflow:hidden; } /* iPipeline walker menu */ .elementor-element.menu-wrapper { position:relative; } .elementor-element.menu-wrapper > div, .elementor-element.menu-wrapper > div > div, .elementor-element.menu-wrapper > div > div > div, .elementor-element.menu-wrapper > div > div > div > div, .elementor-element.menu-wrapper > div > div > div > div > div , .elementor-element.menu-wrapper > div > div > div > div > div > div, .elementor-element.menu-wrapper > div > div > div > div > div > div > div, .elementor-element.menu-wrapper > div > div > div > div > div > div > div > div, .elementor-element.menu-wrapper > div > div > div > div > div > div > div > div > div { position:static; } .mega-menu-wrapper > .mega-menu-wrapper-i { display: flex; border-top-width: 0px; border-top-style: none; padding-top: 60px; max-width: 1800px; width: 100%; flex-direction: row; position: relative; margin-right: auto; margin-left: auto; } .mega-menu-wrapper > .mega-menu-wrapper-i > div { width: 27.5%; border-top-color: rgba(249,249,249,0.29); border-right-color: rgba(249,249,249,0.29); border-bottom-color: rgba(249,249,249,0.29); border-left-color: rgba(249,249,249,0.29); border-right-width: 1px; border-right-style: solid; padding-right: 0px; border-top-width: 0px; border-top-style: none; } .mega-menu-wrapper > .mega-menu-wrapper-i #main-navigation { display:initial; } .mega-menu-wrapper > .mega-menu-wrapper-i #main-navigation li { margin-right: 0px; position: static; display: list-item; } .mega-menu-wrapper > .mega-menu-wrapper-i #main-navigation li a:after { display:none; } .ipipeline-walker { display:none; display:initial; } ul.ipipeline-walker li.depth-0 { padding-right:60px; } ul.ipipeline-walker li.depth-0 > ul.children { position:absolute; left:calc(32.5% ); left:calc(27.5%); PADDING-LEFT:0PX; top:60px; height: calc( 100% - 120px ); display:none; overflow: visible; min-width:25.5%; width:100%; max-width:27.5%; border-right:solid 1px rgba(249,249,249,0.29); } ul.ipipeline-walker li.depth-0:hover > ul.children { display:block; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 { padding-left:60px; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 19px; font-style: normal; font-weight: 500; line-height: 140%; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .text .desc { display: none; color: #FFF; font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; margin-top: 0px; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a:hover .text .desc { display:block; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .text .desc span { width: 16px; display: inline-block; height: 16px; position: relative; margin-left: 6px; bottom: -4px; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .icon { border-radius: 30px; background: var(--secondary-dark-blue, #112E51); width: 28px; height: 28px; text-align: center; padding: 2px; position: relative; right: 0; transition: all ease 250ms; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .icon svg { width: 24px; height: 24px; transition: all ease 250ms; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .icon svg path { fill: var(--neutral-white, #F9F9F9); transition: all ease 250ms; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1:hover > a .icon svg path { fill: var(--secondary-dark-blue); } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1.current-menu-item > a .icon svg path { fill: var(--secondary-dark-blue); } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a:hover > .icon { background: var(--accent-azure); } ul.ipipeline-walker li.depth-1 { } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 { display:block; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children { display:none; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1:hover > ul.children { display:flex; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children { position:absolute; left:100%; right:0; top:0px; height:100%; width: calc( 100vw - ( 120px + 50vw ) ); width: 163%; overflow:auto; height: auto; max-height:100%; min-height:100%; /*min-height:calc( 100% - 120px ); max-height: calc( 100% - 120px ); */ } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > ul.children { margin-bottom:32px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 { padding-left:60px; max-width:386px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > a { display:block; padding: 4px 0px; margin:0; color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; position: relative; padding: 4px 40px 4px 0; display: block; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > a:after { transition: all ease 250ms; opacity: 0; content: ' '; background-image: url(images/sub-menu-link.svg); display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > a:hover:after { opacity:1; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2.spacer { margin:0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > span { display:block; color: var(--accent-light-green, #BFF18C); font-family: Satoshi; font-size: 16px; font-style: italic; font-weight: 500; line-height: 140%; padding-bottom:16px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a { display:block; padding: 4px 0px; margin:0; color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; position: relative !important; padding: 4px 40px 4px 0; display: block; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a:after { transition:all ease 250ms; opacity:0; content: ' '; background-image: url('images/sub-menu-link.svg'); display: block; width: 24px; height: 24px; position:absolute; right:0; top:0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a:hover:after { opacity:1; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a:hover { color:var(--accent-azure); } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a::after { transition: all ease 250ms; opacity: 0; content: ""; background-image: url('images/sub-menu-link.svg'); display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a:hover:after { opacity: 1; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 li.depth-3 { position:relative !important; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 li.depth-3:after { transition: all ease 250ms; opacity: 0; content: ' '; background-image: url('images/sub-menu-link.svg'); display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 li.depth-3:hover:after { opacity: 1; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2:has(> a) { position:relative !important; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2:has(> a):after { transition: all ease 250ms; opacity: 0; content: ' '; background-image: url('images/sub-menu-link.svg'); display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 0; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2:has(> a):hover:after { opacity: 1; } .sub-menu-mega-link.child.depth-1 > ul.children { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start;} .sub-menu-mega-link.child.depth-1 > ul.children > li { width:50%; } /* Hover states */ li.sub-menu-mega-link.depth-0:hover > a { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } li.sub-menu-mega-link.depth-0:hover > a .text .desc { display:block; } li.sub-menu-mega-link.depth-1:hover > a { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1:hover > a .text .desc { display:block; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1:hover > a .icon { background: var(--accent-azure, #2BCCD3); } ul.ipipeline-walker li.sub-menu-mega-link.depth-1:hover:before { content:""; display:block; position: absolute; left: 100%; right: 0; top: -60px; bottom:-60px; width: calc( 100vw - ( 120px + 50vw ) ); overflow: auto; height: auto; max-height: 1000px; min-height: 100%; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children:before { } li.sub-menu-mega-link.current-page-parent.depth-0 > a { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } li.sub-menu-mega-link.current-page-parent.depth-0 > a .text .desc { display:block; } ul.ipipeline-walker li.depth-0.current-menu-item > a { padding: 20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } li.depth-0.current-menu-item.sub-menu-mega-link > a .text .desc { display: block; } ul.ipipeline-walker li.depth-0.current-page-ancestor > a { padding: 20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } li.depth-0.current-page-ancestor.sub-menu-mega-link > a .text .desc { display: block; } /* Depth 1 */ ul.ipipeline-walker li.depth-1.current-menu-item > a { padding: 20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1.current-menu-item > a .text .desc { display: block; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1.current-menu-item > a > .icon { background: var(--accent-azure); } ul.ipipeline-walker li.depth-1.current-page-ancestor > a { padding: 20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1.current-page-ancestor > a .text .desc { display: block; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1.current-page-ancestor > a > .icon { background: var(--accent-azure); } /* Depth 2 */ ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 .depth-3 a.current-menu-item { color: var(--accent-azure); } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a:hover { } .sub-menu-mega-link.child.depth-1 > ul.children::-webkit-scrollbar {width: 5px; border-radius:10px;} .sub-menu-mega-link.child.depth-1 > ul.children::-webkit-scrollbar-track { background: rgba(0,0,0,0.25); } .sub-menu-mega-link.child.depth-1 > ul.children::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.75); } .sub-menu-mega-link.child.depth-1 > ul.children::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.75); } .ct-modal::-webkit-scrollbar {width: 5px; border-radius:10px;} .ct-modal::-webkit-scrollbar-track { background: rgba(0,0,0,0.25); } .ct-modal::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.75); } .ct-modal::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.75); } .life-annuities-submenu { display: none !important; } .wealth-management-submenu { display: none !important; } .ct-div-block.mega-menu-wrapper { display: none !important; top:-2000px !important; transition:all ease 300ms; overflow:hidden} .right-menu-sub.open { display: flex !important; } .submenu { display: none !important; } .submenu.open { display: initial !important; } .sub-menu-wrapper .sub-toggle { width:100%; } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link { width:100%; padding-left: 60px; } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 19px; font-style: normal; font-weight: 500; line-height: 140%; /* 26.6px */ } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a:hover { padding:20px; border-radius: 15px; background: rgba(43, 204, 211, 0.20); } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a .text { color: var(--neutral-white, #F9F9F9); font-family: Satoshi; font-size: 19px; font-style: normal; font-weight: 500; line-height: 140%; /* 33.6px */ } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a .icon { border-radius: 30px; background: var(--secondary-dark-blue, #112E51); width:28px; height:28px; text-align: center; padding: 2px; position:relative; right:0;transition:all ease 250ms; } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a .icon svg { width:24px; height:24px; transition:all ease 250ms;} .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a .icon svg path { fill:var(--neutral-white, #F9F9F9);transition:all ease 250ms; } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a:hover .icon { background: var(--accent-azure, #2BCCD3); } .sub-menu-wrapper .sub-toggle .sub-menu-mega-link a:hover .icon svg path { fill:var(--secondary-dark-blue, #112E51); } .submenu.open { } .sub-menu-wrapper .mega-menu-toggle.sub-toggle { width:100%; } .sub-menu-wrapper .mega-menu-toggle.sub-toggle { width:100%; } .sub-menu-wrapper .mega-menu-toggle.sub-toggle { width:100%; } .search-results h2 { color: var(--primary-medium-blue, #0B4779); font-family: Satoshi; font-size: 55px; font-style: normal; font-weight: 400; line-height: 110%; /* 99px */ padding-bottom:40px; } .search-results p { color: var(--neutral-dark, #161616); font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ } .search-recommendation .oxy-posts { display:flex; flex-direction:row; flex-wrap:wrap; margin:0 -10px; } .search-recommendation .oxy-posts .ipipeline-post.resources-post-item {width:33.3333%; padding:0 10px; } .search-recommendation .ipipeline-post.type-page .ipipeline-post-image { margin:0; } .search-recommendation .oxy-posts .ipipeline-post.resources-post-item.type-page .ipipeline-post-image-block { align-items: center; } /* PIPERS */ .background-letter { position: absolute; top: 0; left: 0; right: 0; height: 100%; font-size: 430px; font-weight: 700; line-height: 1; color: #f9f9f9; opacity: 0.08; } .background-letter > div { text-align: center; line-height: 275px; height: auto; } .elementor-element.elementor-widget:has( > .elementor-widget-container > .background-letter ) { position:static; } .er-search-content { display:block !important; } body .er-search-content { background: transparent !important; } .er_ecom_header_container .er_ecom_result_count_container .er_ecom_result_count .er_ecom_result_query { font-weight: bold; color: inherit !important; } body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_FacetSearchBox { color: #000; font-size:18px; background: transparent; border: solid 1px #000; border-radius: 50px; padding: 20px 20px 20px 0; } body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_search_icon { left: 31px; margin-top: 9px; } body .ci_inner_div { border: 0px solid transparent; max-width: 100%; padding-top: 50px; padding-bottom: 50px; background: transparent; } body .er_ecom_search_result_container .er_ecom_collapsible_panel_button { margin: 0 0 15px; } body .er_ecom_header_container .er_ecom_result_count_container .er_corrected_query_div { color: var(--primary-medium-blue); font-size:21px; } body .er_ecom_search_result_container .er_ecom_collapsible_panel_button, body .er_ecom_modal_content .er_ecom_collapsible_panel_button { background-color: var(--primary-medium-blue); color: #fff; font-weight: 500; padding: 15px 20px; border-radius: 500px; position: relative; } body button.er_ecom_collapsible_panel_button.active { color: #fff !important; } body .er_ecom_search_result_container .er_ecom_collapsible_panel_button.active:after { background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; top: 50%; border: none; transform: rotate(0); margin-top: -3px; right: 15px; left: auto; position: absolute; width: 14px; height: 8px; content: ""; transition: all ease 250ms;} body .er_ecom_search_result_container .er_ecom_collapsible_panel_button:after { transform: rotate(-180deg); top: 50%; border: none; margin-top: -3px; right: 15px; left: auto; position: absolute; width: 14px; height: 8px; content: ""; background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; transform:ro } body .er-gcs-search-result-title { color: #0b4779; font-size: 22px; } body .er-gcs-search-result-description .ecom_result_snippet { font-size: 16px; } body .er-gcs-search-result-img-description-container .er-gcs-search-result-image-div { display:none; } body .er_ecom_search_result_container, .er_ecom_modal_content { background: transparent; } body .er_ecom_header_container .er_ecom_sort_by { border-radius: 500px; border: 1px solid var(--neutral-dark, #161616); padding: 10px 36px 10px 15px; display: flex; flex-direction: row; height: auto; box-shadow: none; max-height: 60px; background: url(images/icon-arrow-down.svg) 95% 50% no-repeat; line-height: 1.5em; } body .er_ecom_header_container .er_ecom_result_count_container .er_corrected_query_div .er_bold_text { color:var(--primary-medium-blue) } body .er_ecom_facetSection_containerDiv { margin: 0px 0px 0px 0px; border-bottom: 0px solid transparent; } body .er_ecom_facet_brand_section { padding-top: 12px; } body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_brand_section { margin: 5px 15px; } body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_FacetSearchBox { text-indent: 30px; } body .er_ecom_search_result_container .er_ecom_collapsible_content .er_ecom_facet_search_icon { left: 30px; } body #er_search_results > .er_search_results { width:50%; } body .er_ecom_result_container { padding-top: 10px; } body #er_search_results { flex-wrap: wrap; flex-direction: row; display: flex; } body .er-gcs-search-result-box { margin: 10px; background: none; border-radius: 30px; padding: 25px 40px 35px; border: solid 1px var(--primary-medium-blue); max-width: 100%; min-height: 160px; } body .er-gcs-search-result-title { overflow: hidden; text-overflow: unset; height: auto !important; white-space: wrap !important; text-decoration: none; display: block; } body .er-gcs-search-result-title { text-overflow: unset; white-space: unset !important; display:block; max-width:100%; height:auto !important; width:100%; } body .er-gcs-search-result-title::after { content: " "; display: block; width: 0; height: 0; line-height: 0; } body .er-gcs-search-result-url { display:none !important; } body .er-gcs-search-result-box:hover { background:transparent !important; } body .er-gcs-search-result-box .er-gcs-search-result-title { transition:all ease 250ms; } body .er-gcs-search-result-box a:hover .er-gcs-search-result-title { color:var(--accent-azure) } body .er-gcs-search-result-link .er_highlight { color: var(--primary-medium-blue); transition:all ease 250ms; } body .er-gcs-search-result-box a:hover .er-gcs-search-result-title .er_highlight { color:var(--accent-azure) } body .er-gcs-search-result-description { max-width: 100%; flex: 100%; } body .er_ecom_search_pagination { border-top: 1px solid transparent; padding: 20px; } body .er_ecom_search_pagination ul li.er-paginator-list { display: inline-block; } body .er_ecom_search_pagination ul li.er-paginator-list.er-active { border:solid 1px var(--primary-medium-blue) !important; color:var(--primary-medium-blue) !important; border-radius:15px; font-weight:bold; } body .er_ecom_search_pagination ul li.er-paginator-list.er-active:hover { border:solid 1px var(--primary-medium-blue) !important; color:var(--primary-medium-blue) !important; border-radius:15px; } .timeline-carousel-wrapper { } .timeline-holder { padding:0; } .timeline-holder .block-holder .timeline-carousel { margin:0 auto; } .timeline-holder .block-holder { margin:0 auto; max-width: 1380px; } .timeline-slider-item.item { } .timeline-w { margin:0 30px; position:relative; } .timeline-w:before { content:""; display:block; position:absolute; bottom:58px; left:50%; width:1px; height:49px; margin-left:-0.5px; background:#f9f9f9; } .timeline-w:after { content: ""; display: block; position: relative; top: -8px; left: 50%; z-index: 5; margin-left: -29px; width: 58px; height: 58px; margin-top: 0; pointer-events: none; background:url('images/timeline-ellipse.png') 0 0 no-repeat transparent; } .timeline-inner { border-radius: 50px; border: 1px solid var(--neutral-white, #F9F9F9); background: var(--primary-medium-blue, #0B4779); margin-bottom:49px; padding:50px; min-height:568px; } .timeline-w .title { color: var(--accent-light-green, #BFF18C); font-family: var(--font-default); font-size: 40px; font-style: normal; font-weight: 700; line-height: 120%; /* 48px */; margin-bottom:50px; } .timeline-w .content { } .timeline-w .content ul li { list-style-type:none; color: var(--neutral-white, #F9F9F9); font-variant-numeric: lining-nums proportional-nums; font-family: Satoshi; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; padding:0; margin:0 0 50px 0; position:relative; } .timeline-w .content ul li:before { content: ""; display: block; position: absolute; top: 12px; left: -16px; width: 5px; height: 5px; background: #f9f9f9; border-radius: 50px; } .timeline-w .content ul li:last-of-type { margin:0; } .timeline-w .content ul li a { color: var(--accent-azure, #2BCCD3); } .timeline-w .content ul li strong { color: var(--accent-azure, #2BCCD3); font-weight:400; } .timeline-w .content ul li a:hover { color: var(--accent-azure-hover); } .timeline-w .content ul li { } .timeline-carousel-navigation { width:100%; display:flex; flex-direction:row; align-items: center; justify-content: space-between; position: relative; margin-top: -77px } .timeline-carousel-navigation a { border-radius:1000px; border:solid 1px #f9f9f9; width:80px; height:80px; display:flex; align-items:center; justify-content: center; background:transparent; background: var(--primary-medium-blue, #0B4779); position:relative; z-index:2; } .timeline-carousel-navigation a.disabled { pointer-events:none; border:solid 1px rgba(244,244,244,0.3); background: var(--primary-medium-blue, #0B4779); opacity:0; } .timeline-carousel-navigation a.disabled svg { opacity:0.3 } .timeline-carousel-navigation .nav-left a svg { transform:rotateY(180deg); } .timeline-carousel-navigation:after { content:""; display:block; position:absolute; top:50%; left:10px; right:10px; width:auto; height:1px; margin-top:-0.5px; background:#f9f9f9; } .timeline-carousel-navigation { margin-top:-69px; } .timeline-w { padding: 0 30px 100px; align-items: flex-end; display: flex; flex:1; margin:0; height: 100%; z-index: 5; overflow: visible; position: relative; } .timeline-inner { margin-bottom: 00; padding: 50px; min-height: 568px; flex: 1; } .timeline-w:before { content: ""; display: block; position: absolute; bottom: 50px; z-index: 100; left: 50%; width: 1px; height: 49px; margin-left: -0.5px; background: #f9f9f9; } .timeline-w:after { content: ""; display: block; position: absolute; top: auto; bottom: 0; left: 50%; z-index: 5; margin-left: -29px; width: 58px; height: 58px; margin-top: 0; pointer-events: none; background: url(images/timeline-ellipse.png) 0 0 no-repeat transparent; } .testimonials-holder { margin: 0 -10px; margin: 0; position:relative; } .testimonials-holder .owl-nav { display:none; } .testimonials-holder .owl-dots { display:none; } .testimonials-carousel {} .testimonials-carousel .owl-stage { /*width:200000px !important; */ margin-left: -225px; max-height: 560px !important; overflow: hidden; } .testimonials-carousel-wrapper { /* overflow:hidden;max-height: 560px; */ } .testimonial-slider-item.item { max-height: 560px; overflow: hidden; } .testimonial-slider-item.item { } .testimonial-w { padding: 0px; width: 100%; max-width: 910px; max-height: 560px; overflow: hidden; } .testimonial-inner { padding: 60px; align-items: center; border-radius: 50px; background: var(--primary-medium-blue, #0B4779); } .testimonial-inner { display:flex; flex-direction:row; align-items:flex-start; } .testimonial-inner .image-w { width:41%; } .testimonial-inner .image-w .item-img { width: 100%; border-radius: 20px; overflow: hidden; position: relative; max-height: 440px; min-width: 315px; } .testimonial-inner .content-w .description { min-width: 415px; color: var(--neutral-white, #F9F9F9); font-family: Satoshi;font-size: 2px; font-style: normal; font-weight: 400; line-height: 140%; margin:0 0 55px 0; opacity:0.8; } .testimonial-inner .content-w .name { color: var(--neutral-white, #F9F9F9);font-family: Satoshi;font-size: 40px;font-style: normal;font-weight: 400;line-height: 120%; /* 48px */padding:0 0 20px 0; } .testimonial-inner .content-w .position { color: var(--accent-light-green, #BFF18C);font-family: Satoshi; font-size: 18px; font-style: normal; font-weight: 500;line-height: 140%; /* 25.2px */ } .testimonial-inner .content-w { width:59%; padding:0 0 0 40px; position:relative; } .testimonial-inner .content-w .icon { position:absolute; bottom:-20px; right:-20px; max-width:25%; } .testimonial-inner .image-w, .testimonial-inner .content-w { max-height: 440px; } .testimonial-inner .image-w { max-width: 100%; width:315px; } .testimonials-carousel-navigation { display:flex; margin-top: 30px; justify-content: center; } .testimonials-carousel-navigation > div { margin:0 10px; } .testimonials-carousel-navigation .nav-left a span { transform:rotate(180deg); width: 80px; height: 80px; text-align: center; background-color: #f9f9f9; border: solid 10px var(--primary-medium-blue,#0B4779);; border-radius: 500px; display: flex; align-items: center; justify-content: center; transition: all ease 250ms; } .testimonials-carousel-navigation .nav-right a span { width: 80px; height: 80px; text-align: center; background-color: #f9f9f9; border: solid 10px var(--primary-medium-blue,#0B4779);; border-radius: 500px; display: flex; align-items: center; justify-content: center; transition: all ease 250ms; } .testimonials-carousel.owl-carousel .owl-stage-outer { overflow:visible; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center { width: 910px !important; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .content-w { overflow: visible; width:59%; padding:0 0 0 40px; position:relative; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .image-w { width:41%; } .testimonials-carousel .owl-item.active.center .description { font-size: 18px; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: 455px !important; transition: width 0.5s; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item { width: 455px !important; transition: width 0.5s; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .content-w { overflow: hidden; width:0px; padding:0 0 0 0px; position:absolute; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item:not(.center) .item-img:before { display:none; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .image-w { width:315px; max-width: 100%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item:not(.center) .item-img:before { display:block; position:absolute; top:0; lefT:0; width:100%; height:100%; border-radius: 20px; background:#0B4779; opacity:0.7; background: linear-gradient(0deg, rgba(11, 71, 121, 0.70) 0%, rgba(11, 71, 121, 0.70) 100%), url(), lightgray 50% / cover no-repeat; content:""; } @media only screen and (min-width: 1800px) { .testimonial-w { padding: 0 10px; width: 100%; max-width: 910px; max-height: 560px; overflow: hidden; } } @media only screen and (max-width: 1800px) { /* .testimonial-w { padding: 0 10px; width: auto; max-width: 33.3333%; } .testimonial-slider-item.item { max-height: 560px; width: 33.3333%; overflow: hidden; } */ .testimonials-carousel-wrapper .row { width:100vw; margin: 0 auto; max-width: 1800px; padding: 0%; margin-left: 0; } } @media only screen and (max-width: 1600px) { .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active .content-w { overflow: hidden; width:60%; padding:0 0 0 5% !important; position:relative; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .content-w { overflow: hidden; width:60%; padding:0 0 0 5% !important; position:relative; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active .image-w { width:40%; } .testimonial-inner .content-w { width: 66.6666% !important; } .testimonial-inner .content-w .description { min-width: 0; color: var(--neutral-white,#F9F9F9); font-family: Satoshi; font-size: 14px; text-align: left; font-style: normal; font-weight: 400; line-height: 140%; margin: 0px 0; opacity: 0.8; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .content-w { overflow: visible !important; width: 0px; padding: 0 0 0 0px; position: relative; } .testimonial-inner .image-w, .testimonial-inner .content-w { max-height: initial; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .image-w { width: 33.3333% !important; max-width: 100%; } .testimonial-inner .image-w .item-img { min-width:0; } .testimonial-inner .content-w .name { color: var(--neutral-white,#F9F9F9); font-family: Satoshi; font-size: 18px; text-align: left; font-style: normal; font-weight: 400; line-height: 120%; padding: 0.5em 0 0 0; } .testimonial-inner .content-w .position { color: var(--accent-light-green,#BFF18C); font-family: Satoshi; font-size: 13px; text-align: left; font-style: italic;font-weight: 500; line-height: 140%; } .testimonial-inner .content-w .icon { position: absolute; top: -15px; width: 20%; right: 0; right: 20%; max-width: 100%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .item-img:before { display:none !important; } .testimonial-inner { padding: 30px; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto !important; transition: width 0.5s; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item { width: auto !important; transition: width 0.5s; max-width:33.3333vw; } .testimonials-carousel .owl-item.active.center .description { font-size: 14px; } } @media only screen and (max-width: 1024px) { .testimonials-holder { margin: 0; overflow: hidden; width: 100%; display: block; } .testimonial-inner .content-w .description { margin-bottom:20px; font-size:15px; min-width:0; } .testimonial-inner { padding: 30px;} .testimonial-inner .image-w { width:41%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto; transition: width 0.5s; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto; transition: width 0.5s; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center { width: auto; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .content-w { overflow: visible; width: 59%; padding: 0 0 0 2rem; position: relative; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .image-w { width: auto; max-width: 41%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto !important; transition: width 0.5s; } .testimonial-inner .image-w .item-img { min-width: 0; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .content-w { padding:0 0 0 20px; } .testimonial-slider-item.item { max-width: 100vw; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item:not(.center) .item-img:before { opacity:0; } .testimonial-inner .content-w .icon { position: absolute; bottom: 0; /* display: none; */ right: 10px; max-width: 25%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center { width: 100% !important; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item { width: auto !important; transition: width 0.5s; max-width: 50vw; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto !important; transition: width 0.5s; max-width: 50vw; } .testimonials-carousel .owl-stage { margin-left: 20px; } body .elementor-element.team-row-wrapper { margin-left: -20px !important; margin-right: -20px !important; width: auto !important; } body .elementor-element.team-row-wrapper > .elementor-element { width: calc(50% - 40px) !important; margin-left: 20px !important; margin-right: 20px !important; margin-bottom: 60px !important; } .ipipeline-modal-ii .imodal-right { padding-right: 0; padding-left: 0; padding: 20px 0 0 0; } } @media only screen and (max-width: 900px) { .testimonials-carousel .owl-stage-outer .owl-stage .owl-item { width: auto !important; transition: width 0.5s; max-width: 100vw; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active { width: auto !important; transition: width 0.5s; max-width: 100vw; } .testimonials-carousel .owl-stage { width: 20000px !important; margin-left: 0; } } @media only screen and (max-width: 768px) { body .elementor-element.team-row-wrapper { margin-left: -20px !important; margin-right: -20px !important; width: auto !important; } body .elementor-element.team-row-wrapper > .elementor-element { width: calc(100% - 40px) !important; margin-left: 20px !important; margin-right: 20px !important; margin-bottom: 20px !important; } } @media only screen and (max-width: 568px) { .testimonial-w { padding: 0 10px; width: 100%; max-width: 10000px; max-height: 10000px; overflow: hidden; } .testimonial-inner .image-w, .testimonial-inner .content-w { max-height: 10000px; } .testimonial-inner { } .testimonial-inner .image-w { width:100%; margin-bottom:20px; } .testimonial-inner .image-w img{ max-width:315px; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .image-w { width: auto; max-width: 100%; } .testimonial-inner .content-w { width:100%; } .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .content-w { overflow: hidden; width:100%; padding:0 0 0 0px; position:relative; } } .oxy-rich-text.blue-lines-list ul { margin:0; padding:0; } .oxy-rich-text.blue-lines-list ul li { position:relative; padding:0 0 16px 34px; color: var(--secondary-light-blue, #4B9BCB); font-family: var(--font-default),'satoshi'; font-size: 20px; font-style: normal; list-style-type:none; font-weight: 700; line-height: 140%; margin:0; } .oxy-rich-text.blue-lines-list ul li:last-of-type { padding-bottom:0px; } .oxy-rich-text.blue-lines-list ul li:before { content: ""; display: block; position: absolute; top: 0.45em; left: 0%; z-index: 5; margin-left: ; width: 24px; height: 10px; margin-top: 0; pointer-events: none; background:url('images/blue-list.svg') 0 0 no-repeat transparent; } .product-directory-block > a { } .product-directory-block > a * { transition:all ease 250ms; } .product-directory-block > a:hover > div {} .product-directory-block > a:hover h3 { color:var(--accent-light-green) !important; } .product-directory-block > a:hover p { color:var(--accent-light-green) !important; } .product-directory-block > a.ct-link { align-self: stretch; } .product-directory-block > a.ct-link > div { height: 100% !important; } .ct-div-block.product-list-wrapper { } .ct-div-block.product-list-wrapper > div { align-self: stretch; } .ct-div-block.product-list-wrapper> div > div { height: 100% !important; } .ct-div-block.product-list-wrapper > div > a { height: 100% !important; } .equal-height-cols { } .equal-height-cols > div { align-self: stretch; } .equal-height-cols > div > div { height: 100% !important; } .equal-height-cols > div > a { height: 100% !important; } .product-links { width: 100%; } .info-wrapper > .ct-code-block { margin-left:auto; margin-right:auto; } .info-wrapper { text-align:center; } .team-row-wrapper .ct-link > * { transition:all ease 250ms; } .team-row-wrapper .ct-link:hover > * { color:var(--accent-azure-hover) !important; } .team-row-wrapper .ct-div-block img { border-radius:20px !important ; } .single .ct-section-inner-wrap p { font-size:20px; font-weight:400; line-height:1.4; padding-bottom:1em; } .single section .ct-section-inner-wrap h3 { color: var(--secondary-dark-blue); font-size: 34px; font-weight: 400; line-height: 1.4; margin: 0; padding-top: 0.5em; padding-bottom: 0.75em; } .single section .ct-section-inner-wrap h2 { color: var(--secondary-dark-blue); font-size: 44px; font-weight: 400; line-height: 1.4; margin: 0; padding-top: 0.5em; padding-bottom: 0.75em; } .single section .ct-section-inner-wrap p:last-of-type { padding-bottom:0; } .single section .ct-section-inner-wrap ul { margin-left:1em; padding-left:1em; margin-top:10px; } .single section .ct-section-inner-wrap ul li { font-size:20px; font-weight:400; line-height:1.4; padding-bottom:1em; } .single section .ct-section-inner-wrap p strong { color:var(--secondary-dark-blue); font-weight:700; } .single .ct-section-inner-wrap blockquote { margin-bottom:1.4rem; } main.ct-div-block figure { margin:2rem 0; } .product-directory-block {margin: 0 -10px; width: calc(100% + 20px); } .product-directory-block > a:hover { transition: all ease 250ms; animation-name: elementor-animation-pop; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: 1; } .product-directory-block > a > div { align-items: center; justify-content: center; } .product-directory-block > a h3, .product-directory-block > a p { text-align:center !important; display: block !important; width: 100%; } .product-directory-block > a { margin:; } .product-directory-block { margin:-10px } .link-wrapper-parent { width:100%; } .link-wrapper-parent > a { width: 100%; background-color: #bff18c; border-radius: 15px; margin-bottom: 20px; display: flex; flex-wrap: wrap; text-align: center; text-decoration: none; flex-direction: column; align-items: center; justify-content: center; } .link-wrapper-parent > a > .ct-div-block { width: 100%; flex-direction: row; display: flex; border-radius: 0px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; padding-left: 40px; justify-content: space-between; align-items: center; } .link-wrapper-parent .text-block { color: #112e51; font-size: 24px; font-weight: 400; line-height: 1.4em; margin-right: 24px; text-align: left; max-width: calc(100% - 42px); } .link-wrapper-parent > a:hover { background-color: #97c964; transition: all ease 250ms; border-radius: 5px !important; animation-name: elementor-animation-pop; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: 1; } .link-wrapper-parent .icon-block { min-width: 42px; width: 42px; height: 42px; background-color: #0b4779; border-radius: 30px; display: flex; align-items: center; justify-content: center; } .elementor-widget-link_wrapper_1 { width:100%; } .layout-cols-3 > .product-flexbox { width:calc( 33.3333% - 20px ) !important; margin: 10px; } body.elementor-editor-active .layout-cols-3 > .product-flexbox { width:33.3333% !important; margin: 0px; } .oxy-rich-text ul { margin: 0.5em 0 1em 0; } .oxy-rich-text ul li { padding:0.2em 0; } .oxy-rich-text ul ul { margin: 0.25em 0 1em 0; } .elementor-widget-text-editor:not(.checkbox-list):not(.blue-lines-list):not(.list-with-lines) .elementor-widget-container ul { margin: 0.5em 0 1em 0; } .elementor-widget-text-editor:not(.checkbox-list):not(.blue-lines-list):not(.list-with-lines) .elementor-widget-container ul li { padding:0.2em 0; } .elementor-widget-text-editor:not(.checkbox-list):not(.blue-lines-list):not(.list-with-lines) .elementor-widget-container ul ul { margin: 0.25em 0 1em 0; } .elementor-widget-text-editor:not(.checkbox-list):not(.blue-lines-list):not(.list-with-lines) ul { margin:0 0 1em 0; } .elementor-widget-text-editor:not(.checkbox-list):not(.blue-lines-list):not(.list-with-lines) ul li { list-style-type: disc; padding: 0 0 0 0; margin: 0 0 0 1.5em; } body .ct-link-button a { display: inline-block; padding: 21px 30px 21px 30px !important; background: #bff18c !important; color: #161616 !important; border: none !important; font-family: var(--font-default); border: 0px solid #bff18c; font-size: 18px !important; line-height: 1.4em; width: auto !important;font-weight: 500; position: relative; border-radius: 60px !important; } body .ct-link-button a:hover { background-color: #97c964 !important; border: 0px solid #97c964 !important; color: #161616; } a.ct-link {transition:all ease 250ms; } a.ct-link:not(.header-logo):hover {transition:all ease 250ms; border-radius:5px !important; animation-name: elementor-animation-pop; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: 1; } @keyframes elementor-animation-pop { 50% { transform: scale(1.2) } } .elementor-animation-pop:active, .elementor-animation-pop:focus, .elementor-animation-pop:hover { animation-name: elementor-animation-pop; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1; } .elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover { transform: scale(1.2); transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36) } .elementor-animation-bounce-in { transition-duration: .5s } .elementor-animation-bounce-out { transition-duration: .5s } .elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover { transform: scale(0.8); transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36) } @keyframes elementor-animation-push { 50% { transform: scale(0.8) } 100% { transform: scale(1) } } .elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover { animation-name: elementor-animation-push; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1 } body .wp-block-button { margin-bottom:1.5rem !important; } body .wp-block-button a { display: inline-block; padding: 18px 30px 18px 30px !important; background: var(--accent-azure) !important; color: #161616 !important; border: none !important; font-family: var(--font-default); font-size: 18px !important; line-height: 1.4em; width: auto !important;font-weight: 500; position: relative; border-radius: 60px !important; } body .wp-block-button a:hover { color:var(--accent-azure-hover) !important; color: #161616 !important; } .product-directory-block .ct-headline { } recent-posts-footer .oxy-easy-posts-pages { display:none; } aside .oxy-easy-posts-pages { display:none; } .oxy-social-icons a:hover { background:var(--accent-azure) !important; } .single .oxy-easy-posts-pages { display:none !important; } .oxy-easy-posts.oxy-posts-grid .oxy-easy-posts-pages .page-numbers { font-size:1rem !important; } .oxy-easy-posts.oxy-posts-grid .oxy-easy-posts-pages .page-numbers.current { color: #000 !important; background: var(--accent-light-green, #BFF18C) !important; } .oxy-easy-posts.oxy-posts-grid .oxy-easy-posts-pages .page-numbers:hover { color: #000 !important; background: var(--accent-light-green, #BFF18C) !important; } /* FOOTER */ .footer-menu-secondary { } .footer-buttons ul { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:center; margin:0 0px; } .footer-buttons ul li { padding:0 0 0 10px } .footer-buttons ul li.search { } .footer-buttons ul li.search .search-form { border-radius: 500px; border: 1px solid var(--neutral-white); padding:10px 25px 10px 10px; display:flex; flex-direction:row; max-height:42px; height:100px; display: block; line-height: 1em; position:relative; } .footer-buttons ul li.search .search-form input { background:transparent; border:none; color:var(--neutral-white); color: var(--neutral-white); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.25em; /* 22.4px */ padding:0px 0px 0px 35px; outline:none; width:85px; } .footer-buttons ul li.search .search-form:after { background:url('images/icon-search-w.svg') 0 0 no-repeat; display:block; position:absolute; top:50%; margin-top:-10px; left:10px; width:20px; height:20px; content:""; } .footer-buttons ul li.search .search-form input::placeholder { color: var(--neutral-white); opacity: 1; /* Firefox */ } .footer-buttons ul li.search .search-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--neutral-white); } .footer-buttons ul li.search .search-form input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--neutral-white); } .footer-buttons ul li.country { } .footer-buttons .country-switch { position:relative; } .footer-buttons .country-switch > a { border-radius: 500px; border: 1px solid var(--neutral-white); padding:10px 47px 10px 43px; display:flex; flex-direction:row; position:relative; } .footer-buttons .country-switch > a:before { background:url('images/icon-globe-w.svg') 0 0 no-repeat; display:block; position:absolute; top:10px; left:10px; width:24px; height:24px; content:""; } .footer-buttons .country-switch { } .footer-buttons .country-switch > a .icon, .footer-buttons .country-switch > a .arrow-down { display:none; } .footer-buttons .country-switch .language-dropdown { position: absolute; bottom: 100%; right: 0; background: rgba(0,0,0,0.7); text-align: right; min-width: 200px; padding: 15px; z-index: 10; left: auto; border-radius: 30px 30px 0px 30px; margin-top:3px; } .footer-buttons .country-switch .language-dropdown ul {} .footer-buttons .country-switch .language-dropdown ul li { padding:0.25em 0; font-size:18px; width:100%; } .footer-buttons .country-switch .language-dropdown ul li a { color:#f9f9f9; } .footer-buttons .country-switch .language-dropdown ul li a:hover { color: #bff18c; } .footer-buttons .country-switch.open .language-dropdown { display:block !important; } .footer-buttons .country-switch.open > a:after { transform:rotateX(180deg); } .footer-wdgets-row .elementor-heading-title.elementor-size-default { color: #F9F9F9; font-size: 16px; font-weight: 400; padding:0 0 30px 0; } .footer-buttons .country-switch > a:after { background:url('images/icon-arrow-down-w.svg') 0 0 no-repeat; display:block; position:absolute; top:50%; margin-top:-4px; right:10px; width:14px; height:8px; content:""; transition:all ease 250ms; transform:rotateX(0deg); } .footer-buttons .country-switch a { color: var(--neutral-white); font-family: Satoshi, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } footer .two-columns { display:flex; flex-direction:row; flex-wrap:wrap; margin:0 0px; width:100%; } footer .two-columns > div { width:50%; } footer .two-columns > div ul.one-column { width:100%; padding-right:10%; } footer .two-columns > .one-column { width:40%; padding-right:10%; } footer .two-columns .full-column { width:100%; } footer .two-columns { display:flex; flex-direction:row; flex-wrap:wrap; } footer .two-columns ul { margin:0; padding:0;} footer .two-columns ul li { list-style-type:none; margin-bottom:0px; padding:0 20px 20px 0px; } footer .two-columns ul li:last-of-type { padding-bottom:0px;} footer .two-columns ul li a { color: var(--lighter-white, #F9F9F9);font-family: Satoshi;font-size: 14px;font-style: normal;font-weight: 400; line-height: 140%; } footer .two-columns ul li a:hover { color: var(--accent-light-green); } .footer-bottom-row #_nav_menu-140-10 .oxy-nav-menu-list { justify-content: space-between; flex-direction: row; display: flex; padding: 0; margin: 0; } .footer-bottom-row .oxy-nav-menu .oxy-nav-menu-list li.menu-item { list-style-type: none; display: flex; flex-direction: column; } .footer-bottom-row #_nav_menu-140-10 .menu-item a { padding-top: 13px; padding-bottom: 13px; color: #112e51; font-weight: 400; font-size: 12px; font-size: 10px; padding-left: 6px; padding-right: 6px; } .ct-div-block.footer-wdgets-row > div { width:25% !important; } .ct-div-block.footer-wdgets-row > div > .ct-code-block { width:100% !important; } footer .horizontal-footer-menu > .elementor-container { justify-content:space-between; } footer .horizontal-footer-menu > .elementor-container > .elementor-column { width:auto; padding-right:50px; } footer .horizontal-footer-menu > .elementor-container .elementor-element > .elementor-element-populated { padding: 0; } footer .horizontal-footer-menu > .elementor-container .footer-last-column { max-width:150px; padding-right:0px; } footer .footer-cta h2 { color: #f9f9f9; font-size: 55px; line-height: 1.1; font-weight: 400; letter-spacing: -1px; align-self: center; align-self: center; text-align:center; max-width: 750px; } .footer-cta .elementor-shortcode { display: flex; flex-direction: row; justify-content: space-between; flex-wrap:wrap; align-items:center; } .footer-social .elementor-icon.elementor-social-icon { background-color: transparent; width:auto; height:auto; margin: 0 20px; line-height:20px; cursor:pointer; } .footer-social .elementor-icon.elementor-social-icon svg { width:25px; height:25px; position:relative; transition:all ease 250ms; width: 32px; height: 26px; } .footer-social .elementor-icon.elementor-social-icon { margin: 0 12px; } .footer-social .elementor-grid-item { display:inline-block; } .footer-social .elementor-grid-item a:hover svg { fill:var(--accent-light-green); } .footer-global-people { z-index:2; } .footer-global-people img { position: relative; margin-top: -135px; top: 64px; pointer-events: none; z-index: 2; } .footer-legal-menu nav ul { margin: 0 -20px; } .footer-legal-menu nav ul li a { padding:10px; margin:-10px; } .footer-legal-menu nav ul li { margin-right:6px; } /*overflow:hidden;*/ .desktop { display:block; } .mobile { display:none; } img, object, embed{max-width:100%; } img{height:auto; } .mobile-menu-icon { position:relative; text-align:right; } .mmi-i { padding:0 0 0 0;} #toggle-menu { color:#484848; display: inline-block; font-size: 32px; line-height: 1em; padding: 10px 10px 8px; transition: all 250ms linear 0s; } #toggle-menu i { } #toggle-menu img { display:block; } #toggle-menu:hover, #toggle-menu:active { border-color: #484848; color:#484848; } .mobile-menu { margin-top:0px; position: absolute !important; overflow: scroll; width: 100%; bottom: auto; top: 100%;left: 0; right: 0; z-index: 999; display: none; background: rgba(0,0,0,0.85); box-shadow: 0px 0px 10px rgba(0,0,0,0.15); height: calc(100vh - 130px); height: auto; max-height: 70vh; } .mobile-menu-inner { margin:0 15px; } .mobile-menu-inner ul#main-navigation { display:block; padding:0px 0 5px; float:none; margin:0; display:block; } .mobile-menu-inner ul#main-navigation a { font-size:16px; color:#fff; } .mobile-menu-inner ul li { width:100%; padding: 0; } .mobile-menu-inner ul li a{ display:block; border-bottom: solid 1px rgba(255,255,255,0.3); } .mobile-menu-inner .language-dropdown ul li a { display:block; border-bottom: solid 0px rgba(255,255,255,0.3); padding:7px 0; } .mobile-menu-inner ul#main-navigation > li { float:none; background-color:transparent; } .mobile-menu-inner ul#main-navigation > li:last-child a{ display:block; border-bottom:none; } .mobile-menu-inner ul.sub-menu { display:block; background: transparent none repeat scroll 0 0 !important; box-sizing: border-box; display: block; padding: 10px; } .mobile-menu-inner ul.sub-menu li { margin:0 !important; } .mobile-menu-inner ul.sub-menu li a { border-bottom: 1px solid rgba(244,244,244,0.3); } .mobile-menu-inner li.current-menu-item ul.sub-menu li a { } .mobile-menu-inner ul.sub-menu li:hover > a { } .mobile-menu-inner ul#main-navigation a:hover { } .mobile-menu #main-navigation li { margin:0; } .mobile-menu #main-navigation li.menu-item-has-children > a { position: relative; padding: 1em 30px 1em 1em; } .mobile-menu #main-navigation li > a { position: relative; padding: 1em; color:#f9f9f9; display:block; box-shadow: none; font-weight: 400; } .mobile-menu #main-navigation > li > a { text-transform:uppercase; } .mobile-menu #main-navigation li ul.sub-menu { position: relative; padding: 0 0px 12px 0.75em; border:none; display:none; box-shadow:none; } .mobile-menu #main-navigation li ul.sub-menu li a { color:#fafafa; font-size: 1em; } .mobile-menu #main-navigation li > a:hover, .mobile-menu #main-navigation li > a:active { color:#f9f9f9 !important; } .mobile-menu #main-navigation > li.highlight > a { display: inline-block; color: #fff; } .mobile-menu #main-navigation li.current-menu-item > a:after { position: absolute; bottom: 0; height: 3px; content: ""; display: block; width: 100%; left: 0; } .mobile-menu #main-navigation li.menu-item-has-children > a:before { background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; display: block; position: absolute; top: 50%; margin-top: -4px; right: 10px; width: 14px; height: 8px; content: ""; transition: all ease 250ms; transform: rotateX(0deg); } .mobile-menu #main-navigation li.menu-item-has-children > a.open:before { transform:rotate(-90deg); } #mobile-menus { padding-top:12px; } #mobile-menus .sub-menu-mega-link a { font-size: 16px; border-radius:0; padding: 1em 30px 1em 1em; position:relative; color:#f9f9f9; } #mobile-menus .sub-menu-mega-link a.open:before { transform:rotate(-90deg); } #mobile-menus .sub-menu-mega-link a .icon { display:none !important; } #mobile-menus .sub-menu-mega-link a .text .desc { display: none !important; } #mobile-menus .sub-menu-mega-link > a .text { position: relative; padding: 0; font-size: 16px; } #mobile-menus ul li:has(ul.children) > a:before { background: url(images/icon-arrow-down-w.svg) 0 0 no-repeat; display: block; position: absolute; top: 50%; margin-top: -4px; right: 10px; width: 14px; height: 8px; content: ""; transition: all ease 250ms; transform: rotateX(0deg); } #mobile-menus ul.ipipeline-walker li.depth-0 > ul.children { position:relative; width:100%; top:0; left:0; right:auto; bottom:auto; min-width: 0; max-width: 100%; } #mobile-menus ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children { position:relative; width:100%; top:0; left:0; right:auto; bottom:auto; min-height:unset; max-height:unset; } #mobile-menus ul.ipipeline-walker li.depth-0 { padding-right: 0px; } #mobile-solutions ul { padding:0 0 0 0.75em; } #mobile-solutions ul.ipipeline-walker { display:block; } #mobile-solutions .menu-mega-menu-large-container > ul { display:block; } #mobile-solutions > li > .menu-mega-menu-large-container { position: relative; padding: 0 0px 0 0px; border: none; display: none; box-shadow: none; } #mobile-solutions > li > div[class*="menu-mega-menu-large"] { position: relative; padding: 0 0px 0 0px; border: none; display: none; box-shadow: none; } #mobile-menus ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 { padding-left: 0px; } #mobile-menus ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 { padding-left:0; max-width:100%; width: 100%; } #mobile-menus ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > span { padding:1em; } #mobile-menus.sub-menu-mega-link.child.depth-1 > ul.children > li { width: 100%; } #mobile-menus ul.ipipeline-walker li.depth-0 > ul.children { border-right:none; } /* menu-icon */ .menu-toggle-block { display:none; } .menu-icon { display: inline-block; cursor: pointer; top:0px; right:0; position:relative; color:#161616; z-index:10000; padding: 2.5px 6.5px; border-radius:0px; border:none; } .bar1, .bar2, .bar3 { width: 25px; height: 3px; background-color: #161616; margin: 6px 0; border-radius: 100px; transition: 0.4s; } .menu-icon .bar2 { } .open .bar1 { -webkit-transform: rotate(-45deg) translate(-4.5px, 8px); } .open .bar2 {opacity: 0;} .open .bar3 { -webkit-transform: rotate(45deg) translate(-4.5px, -8px); } .banner-content { background-size:cover; } .menu-bars { width: 25px; display: inline-block; vertical-align: middle; } .menu-icon > span { display: inline-block; vertical-align: middle; padding-left: 7px; color:#fff; } /************************* * Responsive styles ***************************/ @media only screen and (max-width:1800px) { ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children { width: calc( 100vw - ( 120px + 50vw ) ); } .ct-div-block.mega-menu-wrapper > .ct-div-block { padding-left: 3.125%; padding-right: 3.125%; } .single > section { padding-left: 3.125%; padding-right: 3.125%; } .page-contents-i > .elementor > .e-con.e-parent { padding-left: 3.125%; padding-right: 3.125%; } .single > .elementor > .e-con.e-parent { padding-left: 3.125%; padding-right: 3.125%; } #main-header .oxy-header-container { padding:0 3.125% !important; } #main-header .row { padding:0 ; } #main-header .top-bar-wrapper > .oxy-header-container { padding:0 3.125% !important; } .i-tabs .row { padding:0 3.125%; } .i-tabs .tabs-wrapper { margin-right:3.125%; margin-left:3.125%; margin:0; } body > div > div.elementor > section { padding-left:3.125% !important; padding-right:3.125% !important; } body > div > div.elementor > section footer { margin-left:-3.35% !important; margin-right:-3.35% !important; } body > div > div.elementor > section footer { padding-left:3.125% !important; padding-right:3.125% !important; } body #main-footer > .ct-section-inner-wrap { padding:0 3.125% !important; } body footer > .ct-section-inner-wrap { padding:0 3.125% !important; } .ipipeline-archive .ipipeline-post-i .ipipeline-post-title a { font-size: 26px; display:block; font-style: normal; font-weight: 400; line-height: 1.4em; } .ct-inner-content > section { padding:0 3.125% !important; } body.archive > section { padding:0 3.125% !important; } .ct-inner-content section > .ct-section-inner-wrap { padding-right: 0% !important; padding-left: 0% !important; } .global-locations-image img { max-width:55% !important; } h1, h2, h3, h4, h5, h6 { line-height:1.1em !important; } .ipipeline-cat-title { font-size: 40px; width: 100%; justify-content: center; text-align: center; padding: 30px 0% 30px 0px; } html:lang(fr-ca) .ipipeline-cat-title { width: auto; max-width: 85%; font-size: 21px; padding:20px; } .ipipeline-post-image { flex-direction: column; } .ipipeline-post-image-block { width: auto; } section.ct-section.search-results { padding-left:3.125% !important; padding-right:3.125% !important; } .ipipeline-post-image.bottom-padding .ipipeline-post-image-block { height: auto; min-height: 180px; } .ipipeline-post-image .ipipeline-post-image-block { height: auto; min-height: 180px; padding: 20px 0;} .ipipeline-post-image img { border-radius: 0px; max-height: 130px; width: auto; height: auto; margin: 0 auto; min-height: 0; display: block; } .ipipeline-post-image.bottom-padding img { max-height: 130px; } .product-in-list a.ct-link .ct-text-block { text-align:left; padding-right:10px; font-size: clamp(16px, 4vw,24px) !important; } .search-recommendation .ipipeline-cat-title { font-size: 44px; text-transform: capitalize; } .search-recommendation .ipipeline-post-image { min-height:0; } .i-tabs .tabs-inner .tab .tab-inner { padding: 50px 50px; border-right: none; } .tabs-wrapper-intro { width:100%; max-width: 100%; padding:40px; border-right:none; border-bottom:solid 1px var(--secondary-dark-blue) } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: auto; max-width: 70%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { width: auto; max-width: 30%; } .i-tabs .tabs-inner .tab .tab-inner { padding: 50px 30px; border-right: none; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner { padding: 50px 20px; } .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller img { min-width:0%; } .i-tabs .tabs-inner .tab.active .tab-inner-flx .tab-inner-img .img.controller img { min-width:0%; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img { position:relative; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img .img.controller { position: relative; bottom: 0px; left: 0; right: 0; padding: 0 15px; } .i-tabs .tabs-inner .tab.active .tab-inner-flx .tab-inner-img .img.controller { min-width:0%; position: relative; bottom: 0px; left: 0; right: 0; padding: 0 15px; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img { width: 100%; order: 2; padding: 0; height: auto; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx { align-content: space-between; } .tab-inner-flx { height: 100%; align-items: center; } .tabs-inner .tab.active .tab-inner-img img { padding: 0 10%; width: 100%; } .single-post-banner .ipipeline-cat-title { padding: 30px; text-align: center; width: 100%; margin-bottom: 0; font-size: clamp(18px, 1.25rem + 1.1111vw, 40px); } .single-post-banner .ipipeline-post-image { min-height: 0; width: 100%; flex-direction: column; margin-bottom: 0; justify-content: center; } .ct-div-block.footer-bottom-row { flex-wrap: wrap; padding: 15px 0 25px 0; } .ct-div-block.footer-bottom-row > div { width: 100% !important; text-align: center !important; justify-content: center !important; margin-bottom: 10px; } .ct-div-block.footer-bottom-row > div:last-of-type { width:100%; margin-bottom:0px; align-items: center !important; margin-top: 5px; } .ct-div-block.footer-bottom-row #menu-footer-navigation { justify-content: center; } /* tabs update mk2 */ .tabs-mk2 .i-tabs .tabs-inner { align-items: stretch; margin: 0; padding: 0; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab { width: 21%; max-width: 100vw; flex:auto; position:relative; overflow:hidden; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: 46%; max-width: 100vw; flex:auto; } .tabs-mk2 .tabs-wrapper-intro { width: 33%; max-width: 100vw; flex:auto; border: solid 1px var(--secondary-dark-blue); border-width:0 1px 0 0; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-content { width: 100%; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding: 0px; transition:all ease 500ms; pointer-events: none; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller img { transition:all ease 500ms; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding: 0px 5%; transition:all ease 500ms; pointer-events: none; text-align: right; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active .img.controller { text-align:right; padding-right:0%; } .tabs-mk2 .i-tabs .tabs-inner .tab.active .tab-inner { position: static; height:630px !important } .tabs-mk2 .tabs-inner .tab.active .description, .tabs-mk2 .tabs-inner .tab.active .list, .tabs-mk2 .tabs-inner .tab.active .cta { display: block !important; opacity:1; height: auto; position:static; } .tabs-mk2 .tabs-inner .tab .description, .tabs-mk2 .tabs-inner .tab .list, .tabs-mk2 .tabs-inner .tab .cta { position:absolute; display:block !important; opacity:0; height: auto; } .tabs-mk2 .tabs-inner .tab.active .heading { min-width:300px; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { padding: 0 5% 0 0; width: auto; } .tabs-mk2 .i-tabs .tabs-inner .tab:not(.active) .tab-inner { position: static; } .tabs-mk2 .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img { position: static; } .tabs-mk2 .tab-inner-flx { flex-direction: column; } .tabs-mk2 .tabs-wrapper-intro-title h2 { font-size: 44px; } } @media only screen and (min-width: 1024px) and (max-width: 1390px) { body h3 { font-size:36px !important; } body h2 { font-size:44px !important; } section.ct-section .ct-section-inner-wrap > .ct-div-block > .ct-div-block { padding:0 2%; } .home-stats > .e-con-inner > .elementor-element > .e-con-inner > .elementor-element { padding:0 2% !important; } section.ct-section .ct-section-inner-wrap > .ct-div-block > .ct-div-block.equal-columns { padding:0; } footer .two-columns { display: flex; flex-direction: column; } .menu-footer-navigation-container #menu-footer-navigation { flex-direction: row; flex-wrap: wrap; } .partnership-slider-title p { font-size:44px; } .tabs-wrapper-intro { width:100%; max-width: 100%; padding:40px; border-right:none; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: auto; max-width: 60%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { width: auto; max-width: 40%; } .i-tabs .tabs-inner .tab .tab-inner { padding: 50px 30px; border-right: none; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner { padding: 50px 20px; } footer .two-columns > div:last-of-type .one-column { padding-top: 20px; } #section-208-25 .ct-text-block { text-align:center; } #div_block-210-25 { padding-top: 50px; padding-right: 20px; padding-left: 20px; padding-bottom: 50px; } .ipipeline-cat-title { font-size: 28px; } /* tabs update mk2 */ .tabs-mk2 .i-tabs .tabs-inner { align-items: stretch; margin: 0; padding: 0; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab { width: 21%; max-width: 100vw; flex:auto; position:relative; overflow:hidden; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width: 46%; max-width: 100vw; flex:auto; } .tabs-mk2 .tabs-wrapper-intro { width: 33%; max-width: 100vw; flex:auto; border: solid 1px var(--secondary-dark-blue); border-width:0 1px 0 0; align-items: flex-start; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab .tab-inner-img img { padding: 0%; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-content { width: 100%; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding: 0px; transition:all ease 500ms; pointer-events: none; } .tabs-mk2 .i-tabs .tabs-inner .tab.active .tab-inner-flx .tab-inner-img .img.controller img { max-width:50%; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position: absolute; bottom: 0px; left: 0; right: 0; padding: 0px 5%; transition:all ease 500ms; pointer-events: none; text-align: right; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active .img.controller { text-align:right; padding-right:0%; } .tabs-mk2 .i-tabs .tabs-inner .tab.active .tab-inner { position: static; height:630px !important } .tabs-mk2 .tabs-inner .tab.active .description, .tabs-mk2 .tabs-inner .tab.active .list, .tabs-mk2 .tabs-inner .tab.active .cta { display: block !important; opacity:1; height: auto; position:static; } .tabs-mk2 .tabs-inner .tab .description, .tabs-mk2 .tabs-inner .tab .list, .tabs-mk2 .tabs-inner .tab .cta { position:absolute; display:block !important; opacity:0; height: auto; } .tabs-mk2 .tabs-inner .tab.active .heading { min-width:300px; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { padding: 0 5% 0 0; width: auto; } .tabs-mk2 .i-tabs .tabs-inner .tab:not(.active) .tab-inner { position: static; } .tabs-mk2 .i-tabs .tabs-inner .tab:not(.active) .tab-inner-flx .tab-inner-img { position: static; } .tabs-mk2 .tab-inner-flx { flex-direction: column; } .tabs-mk2 .tabs-wrapper-intro-title h2 { font-size: 32px !important; } .tabs-mk2 .tabs-inner-intro { padding: 0; } .tabs-mk2 .i-tabs .tabs-inner .tab:not(.active) .tab-inner .heading, .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner .heading { font-size: 24px; } .tabs-mk2 .tabs-inner .description p { font-size: 16px; } .tabs-mk2 .tabs-inner .description { padding-bottom: 1rem; } } @media only screen and (max-width: 1600px) { h1.oxy-rich-text { font-size:50px; } .splide-cover { overflow:hidden; max-height:650px; margin:0 -10px; } .banner-cta .text { width: 100%; margin: 0 0 0 0px; max-width: 350px; padding-left: 20px; } section.features > .elementor-container { flex-wrap:wrap; } section.features > .elementor-container > .elementor-column { border-right:solid 1px rgba(249,249,249,0.3); margin-bottom:40px; } section.features > .elementor-container > .elementor-column:nth-child(3n) { /* border-right:none */ } section.features > .elementor-container > .elementor-column:last-of-type { border-right:none; border-bottom:solid 1px var(--secondary-dark-blue) } section.features > .elementor-container { justify-content:center; } .tabs-wrapper-intro-title h2 { font-size:48px; } .default-button .calling-person { max-width: 40%; } .partnership-item-img { width: auto; height: 90px; max-height: 90px; } .tabs-inner .heading { font-size: 32px; } .tabs-wrapper-intro-title h2 { font-size: 32px; } .i-tabs .tabs-inner .tab:not(.active) .tab-inner .heading { font-size: 32px; } .key-features-block > div .ct-headline { font-size: 28px !important; } .key-features-block > div > div { width: 50% !important; } .key-features-block > div h5.elementor-heading-title { font-size: 28px !important; } body h6 { font-size: clamp(21px, 4vw, 25px) !important; } body h1 { font-size: clamp(40px, 4vw, 60px) !important; } body h5 { font-size: clamp(18px, 2vw, 29px) !important; } footer #menu-footer-navigation .menu-item a { padding-left: 10px; padding-right: 10px; font-size: 12px; } .search-results .oxy-posts .ipipeline-post.resources-post-item { width: 50%; } .search-recommendation .ipipeline-cat-title { font-size: 30px; } /* LAYOUTS */ .layout-cols-3 > div { width:33.3333% !important; padding-left:10px !important; padding-right:10px !important; padding-bottom:20px !important; } /*.layout-cols-3 > div > div { width:100% !important; margin:0 !important} */ ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 > span { font-size: 16px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a { font-size: 18px; } .custom-post-header { flex-direction:column !important; align-items: flex-start !important; } body .custom-post-header h1 { } .custom-post-header > div:nth-child(1) { order: 10; width: 100% !important; margin: 40px 0 0 0; } .custom-post-header > div:nth-child(2) { order:1; } } @media only screen and ( min-width: 1024px ) and (max-width: 1600px) { h1.oxy-rich-text { font-size:50px !important; } .menu-wrapper .menu-block ul li .sub-menu li a { font-size:20px; } .menu-wrapper .menu-block > ul > li > .sub-menu li a { padding: 10px 65px 10px 0; white-space: nowrap; } .menu-wrapper .menu-block > ul > li > .sub-menu li a:hover { padding: 10px 55px 10px 10px; } .menu-wrapper .menu-block ul li .sub-menu li.current-menu-item a { background: rgba(43, 204, 211, 0.20); padding: 10px 55px 10px 10px; } .menu-wrapper .menu-block ul li .sub-menu li { margin: 0 0 12px 0; } .menu-wrapper .menu-block ul li .sub-menu li a:after { transform:scale(0.85); } .menu-wrapper .menu-block ul li .sub-menu li a:hover:after { transform:scale(0.85); right: 10px; } .menu-wrapper .menu-block ul li .sub-menu li.current-menu-item a:after { transform:scale(0.85); right: 10px; } .menu-wrapper .menu-block ul li .sub-menu li.current-menu-item a:hover:after { transform:scale(0.85); right: 10px; } .menu-wrapper .menu-block ul li .sub-menu { padding: 30px 35px; min-width: 200px; } .sub-menu-mega-link > a .text { font-size:20px; } ul.ipipeline-walker li.depth-0 { padding-right: 30px; } .sub-menu-mega-link > a .text .desc span { display:none !important; } .sub-menu-mega-link > a .icon { width: 32px; height: 32px; } .sub-menu-mega-link > a .icon svg { width: 22px; height: 22px; } .sub-menu-mega-link { padding-right:30px; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 { padding-left:30px; } ul.ipipeline-walker li.depth-0 > ul.children li.depth-1 > a .icon { right:10px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 { padding-left: 30px; max-width: 50%; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children > li.depth-2 a { font-size:14px; } ul.ipipeline-walker li.sub-menu-mega-link.depth-1 > ul.children { width: calc( 100vw - ( 58vw ) ); } } @media only screen and (max-width: 1500px) { .image-success img { max-width:90%; position:relative; } .product-directory-block > a h3 { font-size:30px !important; } .product-directory-block > a { text-align:left !important; display:block !important; margin-bottom:20px; } .search-results { } .layout-cols-3 > div { width:50% !important; } .single-post-banner .ipipeline-post-image { min-height:200px; } .oxy-posts .ipipeline-post { padding: 40px; } .ipipeline-post-title a { font-size: 24px; } .recent-posts-footer .oxy-posts .ipipeline-post-i { padding: 40px;} .ipipeline-post-image { flex-direction: column; } .ipipeline-cat-title { width: 100%; padding:30px 0% 30px 0px } html:lang(fr-ca) .ipipeline-cat-title { max-width: 100%; font-size: 24px; background: transparent; width: 100%; position: relative; transform: none; left: 0; right: 0; justify-content: center; } html:lang(fr-ca) .ipipeline-post-image { flex-direction: column; align-items: center; justify-content: center; } .ipipeline-post-image-block { width: 100%; } .background-letter { font-size: 330px; } .background-letter > div { text-align: center; line-height: 210px; height: auto; } .layout-cols-3 > .product-flexbox { width:calc( 50% - 20px ) !important; padding: 40px !important; } } @media only screen and (max-width: 1380px) { .background-letter { font-size: 260px; } .background-letter > div { text-align: center; line-height: 210px; height: auto; } } @media only screen and (min-width: 1025px) { body .mobile-menu { display:none !important; } } @media only screen and (max-width: 1024px) { body h2 { font-size: clamp(30px, 4vw, 50px) !important; } .menu-wrapper .sub-menu-block ul li a { min-width: 125px; padding: 10px 20px } html[lang="fr-ca"] .menu-wrapper .sub-menu-block ul li a { min-width: 180px; } html[data-theme=dark] body #main-header .menu-wrapper { background: transparent; } html[data-theme=dark] body #main-header .menu-wrapper .bar1, html[data-theme=dark] body #main-header .menu-wrapper .bar2, html[data-theme=dark] body #main-header .menu-wrapper .bar3 { background-color: #f9f9f9; } html[data-theme=dark] body p { color: var(--neutral-white) !important; } html[data-theme=dark] body .i-tabs { padding: 60px 0 0 0; border-radius: 24px; background: var(--primary-medium-blue, #0B4779); } /* TOP HEADER */ body #page { padding-top: 70px; } body.page { padding-top: 70px; } body { padding-top: 70px; } body { padding-top: 70px; } body.scrolled #top-header .top-bar-wrapper { margin-top: 0px !important; } body > header.elementor-location-header { border-bottom: solid 1px rgba(0,0,0,0.04); display: flex; flex-direction: row; flex-wrap:nowrap; align-items: center; padding: 0 3.125%; justify-content: space-between; } body > header.elementor-location-header { background: var(--neutral-white); } body > header.elementor-location-header .row { padding:0 0; } body > header.elementor-location-header .top-bar-wrapper > .oxy-header-container { padding:0 0 !important; } body > header.elementor-location-header .top-bar-action-block { display:none } body > header.elementor-location-header .top-bar-wrapper { width:50%; } body > header.elementor-location-header .menu-wrapper { width:50%; width: auto; background: var(--neutral-white); position: static; } body > header.elementor-location-header .menu-block { display:none; } .menu-toggle-block { display:block; } body > header.elementor-location-header .row { padding:0; } body > header.elementor-location-header .menu-wrapper > .row { display: flex; flex-direction: row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; } body > header.elementor-location-header .menu-inner { } body > header.elementor-location-header .menu-toggle-block { margin-left: 20px; } .mobile-menu #main-navigation > li > a { text-align: left; } body > header.elementor-location-header .oxy-header-left .megamenu-top-w { display:none !important } body > header.elementor-location-header .oxy-header-row.menu-wrapper { background-color:transparent !important; padding: 0 !important; } body > header.elementor-location-header a.max-link-wrapper { display:none; } body > header.elementor-location-header .header-top-bar { padding: 0 !important; } body #main-header { border-bottom: solid 1px rgba(0,0,0,0.04); display: flex; flex-direction: row; flex-wrap:nowrap; align-items: center; padding: 0 3.125%; justify-content: space-between; } #main-header .row { padding:0 0; } #main-header .top-bar-wrapper > .oxy-header-container { padding:0 0 !important; } #main-header .top-bar-action-block { display:none } #main-header .top-bar-wrapper { width:50%; } #main-header .menu-wrapper { width:50%; width: auto; background: var(--neutral-white); } #main-header .menu-block { display:none; } .menu-toggle-block { display:block; } #main-header .row { padding:0; } #main-header .menu-wrapper > .row { display: flex; flex-direction: row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; } #main-header .menu-inner { } #main-header .menu-toggle-block { margin-left: 40px; } .mobile-menu #main-navigation > li > a { text-align: left; } #main-header .oxy-header-left .megamenu-top-w { display:none !important } .key-features-block > div > div { width: 100% !important; } .key-features-block > div h5.elementor-heading-title { font-size: 28px !important; } .partnership-item-img { width: auto; height: 90px; max-height: 90px; } body #page { padding-top: 70px; } #main-header { background-color:var(--neutral-white); } body.scrolled #main-header .top-bar-wrapper { margin-top:0px; } .elementor-element.brand-new img { max-width: 150px !important; width: 100% !important; bottom: -7rem !important; height: auto !important; } .banner-column-text { order:2; } .banner-column-slider { order:1; } .order-t2 { order:2; } .order-t1 { order:1; } .product-in-list a.ct-link .ct-text-block { text-align:left; } .product-in-list a.ct-link .ct-text-block { padding-right:10px; font-size: clamp(16px, 4vw,21px) !important; } .ct-div-block.sticky-sidebar { position:relative !important; top:0 !important; height:auto !important; left:0 !important; } .ct-div-block.sticky-sidebar .inner-wrapper-sticky { position:relative !important; top:0 !important; width:auto !important; left:0 !important; transform:none !important; } .product-directory-block > a { width: 50% !important; } .equal-columns > div { width: 50% !important; } .equal-columns > div > div { height:100%; } body #er_search_results > .er_search_results { width:100%; } .main-banner { } .main-banner-inner-section .elementor-column { } .banner-column-slider { order:1; width:100%; } .banner-column-text { order:2; width:100%; } .banner-cta { display:block; text-align:center; } .button-wrap { margin:0 auto } .banner-cta .text { max-width: 340px ; margin: 30px auto 0 auto; } .splide-cover-i { display: flex; flex-direction: row; margin: 0 auto; width: 100%; max-width: 910px; } .image-success img { position: absolute !important; bottom: 1rem; right: 0; right: 3.125%; max-width: 26% !important; top: auto !important; position:relative; } section.features > .elementor-container > .elementor-column { border-right:solid 1px rgba(249,249,249,0.3); margin-bottom:40px; } section.features > .elementor-container > .elementor-column:nth-child(3n) { border-right:none } section.features > .elementor-container > .elementor-column:last-of-type { border-right:none } section.features > .elementor-container { justify-content:center; } .tabs-flx { margin:0; } .partnership-slider-title p { font-size: 36px; } .tabs-wrapper-intro { width: 100%; max-width: 100%; padding: 60px 0 40px 0; border-width:0 0 0 0; } .tabs-wrapper-intro-title { padding: 0 0 32px 0; width: 100%; } .tabs-wrapper-intro-title h2 { font-size: 36px; } .tabs-wrapper-intro-description { padding: 0; width: 100%; } .tabs-wrapper-intro-description p { padding: 0; width: 100%; } .i-tabs .tabs-wrapper { margin-right: 0; margin-left: 0; margin-top: 0px; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active { width:100%; max-width:100%; } .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab:not(.active) { display:none !important; } .i-tabs .tabs-inner .tab.active .tab-inner { padding:60px 24px 114px; } .tabs-inner .tab.active .tab-inner-img { width: 100%; padding: 0; text-align:center; width: auto; position: absolute; bottom: 0; right: 0; pointer-events: none; } .tabs-mk2 .i-tabs .tabs-inner .tab .tab-inner-flx .tab-inner-img .img.controller { position:relative } .tabs-inner .tab.active .tab-inner-img img { max-width:295px; margin:0 auto; padding: 0; } .tabs-inner .tab.active .tab-inner-content { width: 100%; padding: 0; } .tabs-inner .heading { font-size:32px; } .list-with-lines ul li { font-size:18px; } .tabs-inner .tab.active .heading { padding-bottom: 32px; padding-top: 40px; } .tabs-nav-w.dhide { display: block; text-align: center; bottom: 60px; position: absolute; width: 100%; } .tabs-nav-i { } .tabs-nav-i ul { display:flex; flex-direction:row; margin:0 -8px; justify-content: center; } .tabs-nav-i ul li { margin:0 8px; } .tabs-nav-i ul li a { content:""; display:block; width:14px; height:14px; border:solid 1px #f9f9f9; border-radius:1000px; } .tabs-nav-i ul li a:hover { background:#f9f9f9; } .tabs-nav-i ul li a.active { background:#f9f9f9; width:60px; height:14px; border-radius:1000px; } .tabs-inner a.elementor-button { padding: 21px 100px 21px 100px; line-height: 1em; } .tabs-mk2 .tabs-inner-intro { padding: 0; } .tabs-mk2 .tabs-wrapper-intro { width:100%; background: var(--primary-medium-blue); border-bottom:solid 1px #f9f9f9 } .tabs-mk2 .tabs-wrapper-intro-title h2 { color:var(--neutral-white) } .tabs-mk2 .tabs-wrapper-intro-description p { color:var(--neutral-white) } .tabs-mk2 .tab.active .heading { padding-bottom: 32px; padding-top: 0; } body .ct-div-block.team-row-wrapper > .ct-div-block { width: calc( 50% - 40px ) !important; margin-left: 20px !important; margin-right: 20px !important; margin-bottom: 30px !important; } body .ct-div-block.team-row-wrapper { margin-left: -20px !important; margin-right: -20px !important; width: auto !important; } .product-list-wrapper .product-in-list { width: 50% !important; } .product-list-wrapper .product-in-list > div { width: 100% !important; } .recent-posts-footer .oxy-posts .ipipeline-post { width:100%; max-width: 100%; margin-bottom:20px; } .post-list-main.tag-posts-list .ipipeline-post { width: 50%; padding: 0 15px 0px !important; } .ct-link-button.general-button { width:100%; max-width:343px; } .ct-div-block.global-locations-image { width:100% !important; padding:0 !important; } .ct-div-block.global-locations-image img { bottom: 12px !important; margin-bottom: -25px; } .faq-image { } .faq-image img { } html body .faq-image img { margin:0 auto; bottom: -12px; pointer-events: none;} a.each-faq-title { padding-right: 150px; } .faq-more { text-align: center; display: block; padding: 20px 20px 26px; } .faq-more-text { margin-bottom:30px; } .elementor-element.faq-image { position: relative; bottom: 0; max-width: 100%; } .ipipeline-archive .ipipeline-post-i { padding: 20px; } .footer-sub-menu { } .footer-sub-menu nav.elementor-nav-menu--dropdown { background-color: transparent; } .footer-sub-menu ul { display:flex; flex-direction:row; padding:0px; margin:0px -10px; align-items:center; } .footer-sub-menu ul li { margin-right:30px; } .footer-sub-menu ul li a { color: var(--accent-light-green, #BFF18C); font-family: 'Satoshi'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; padding: 10px; } .footer-sub-menu ul li a:hover { color: var(--neutral-white); } .footer-legal-menu { } .footer-legal-menu nav { background-color:transparent; } .footer-legal-menu nav ul { display:flex; flex-direction:row; padding:0px; margin:0px -10px; align-items:center; } .footer-legal-menu nav ul li { margin:0 10px; } .footer-legal-menu ul li a { color: var(--secondary-dark-blue, #112E51); font-family: Satoshi; font-size: 12px; font-style: normal; font-weight: 400; line-height: 110%; padding: 10px; } .footer-legal-menu ul li a:hover { color: var(--accent-light-green); } .default-button.green.footer { width:100%; margin:0 auto; max-width:295px; text-align: center; } .footer-cta .default-button.green.footer { width: 100%; margin: 0; max-width: max-content; text-align: center; } .footer-cta .elementor-shortcode { flex-direction: column; align-items: center; justify-content: center; } footer .footer-cta h2 { margin-bottom:40px; } .ct-code-block:has(.default-button) { width:100%; } .ct-link-button.general-button.upcoming-conference-button { top: 0; right: auto; display: block; margin-top: 0 } .ct-image.upcoming-conference-image { margin-right: 0px !important; width: 100% !important; max-width: 250px !important; } .footer-legal-menu nav ul { justify-content: center !important; margin:0; } .footer-legal-menu nav ul li a { padding:10px; margin:-10px; } .footer-legal-menu nav ul li { margin:0px 10px; } .footer-bottom-bar p { text-align:center !important; } footer .two-columns ul li { list-style-type: none; margin-bottom: 0px; padding: 0 18px 16px; } footer .horizontal-footer-menu > .elementor-container { justify-content:space-between; } footer .horizontal-footer-menu > .elementor-container > .elementor-column { width:50%; padding-right:50px; } footer .horizontal-footer-menu > .elementor-container .elementor-element > .elementor-element-populated { padding: 0 0 40px 0; } footer .horizontal-footer-menu > .elementor-container .footer-last-column { max-width:50%; padding-right:0px; } .elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top: 0px !important; } .footer-buttons ul li.search .search-form { width: 170px; max-width: 100%; } .ct-div-block.footer-wdgets-row > div { width: 50% !important; } } /* EOF max-width: 1024px */ @media only screen and (max-width : 800px) { .ct-div-block.footer-wdgets-row > div { width: 100% !important; } .ct-div-block.footer-wdgets-row .ct-code-block { color: var(--accent-light-green, #BFF18C) !important; } .footer-wdgets-row .elementor-heading-title { color: var(--accent-light-green, #BFF18C) !important; } .footer-wdgets-row > .e-con-inner > div.elementor-element { width: 100% !important; } .ct-div-block.footer-wdgets-row .ct-code-block ul { color: #f9f9f9 !important; } footer .two-columns > div { width: 100%; } footer .two-columns > div ul.one-column { width: 100%; padding-right: 0%; } .oxy-posts .ipipeline-post.resources-post-item .ipipeline-post-i .ipipeline-post-title a { font-size:24px; } .ipipeline-post-excerpt { font-size:16px; max-height: 4.2em; } footer .two-columns .one-column { width: 100%; } footer .two-columns ul li { text-align: center; } } @media all and (max-width : 768px) { body #page { padding-top: 66px; } body.page { padding-top: 66px; } .elementor-element.brand-new img { position: relative !important; bottom: auto !important; right: auto !important; margin-bottom: 30px; } .menu-wrapper .menu-inner .sub-menu-block ul li a .icon { display:block; } .menu-wrapper .menu-inner .sub-menu-block ul li a .text { display:none; } .menu-wrapper .menu-inner .sub-menu-block ul li a { padding: 2px !important; width: 32px; line-height: 32px; padding: 0; height: 32px; text-align: center; min-width: 0 !important; } #main-header .menu-toggle-block { margin-left: 16px; } body > header.elementor-location-header .menu-toggle-block .menu-toggle-block { margin-left: 16px; } section.features > .elementor-container > .elementor-column { border-right:none; border-bottom:solid 1px rgba(249,249,249,0.3); margin-bottom:30px; padding-bottom:30px; } section.features > .elementor-container > .elementor-column:nth-child(3n) { border-right:none } section.features > .elementor-container > .elementor-column:last-of-type { border-right:none; border-bottom:none } section.features > .elementor-container { justify-content:center; } .mobile-partnership-carousel { display:block !important; margin-top: 60px; } .splide-cover ul li img { margin:5px 0; } .splide-cover-i .splide-w { padding:0 5px; } .cform-default .cform-col.half { width: 100%; } .cform-row { flex-wrap: wrap; } .cform-default input, .cform-default textarea { margin-bottom:15px; font-size: 16px; } .cform-default { padding-bottom:20px; } .cform-col.with-disclaimer {} .cform-row.with-disclaimer { position:relative; padding-bottom:45px; } .cform-col.with-disclaimer .disclaimer { position:absolute; bottom:0; left:0px; right:0px; } .cform-default .cform-col { width: 100%; padding: 0; } .default-button.bottom-spacing { padding: 10px 0 0px 0; overflow: hidden; } .default-button .calling-person { position: relative; padding: 25px 0 0 0; text-align: right; max-width: 100%; } .default-button .calling-person img { max-width: 50%; } .product-list-wrapper .product-in-list { width: 100% !important; } .product-list-wrapper .product-in-list > div { width: 100% !important; } .product-directory-block > a { width: 100% !important; } .layout-cols-3 > div { width:100% !important; } .equal-columns > div { width: 100% !important; } body .ct-div-block.team-row-wrapper > .ct-div-block { width: calc( 100% - 0px ) !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 30px !important; padding:20px !important } body .ct-div-block.team-row-wrapper { margin-left: -0px !important; margin-right: -0px !important; width: auto !important; } body .ct-div-block.team-row-wrapper > .ct-div-block .ct-modal { padding:20px !important; } body .ct-div-block.team-row-wrapper > .ct-div-block .ct-modal > .ct-div-block > .ct-div-block { width:100% !important; margin-bottom:20px; padding: 0 0 20px 0 !important; } body .ct-div-block.team-row-wrapper > .ct-div-block .ct-modal > .ct-div-block { flex-direction:column !important; } body .ct-div-block.team-row-wrapper > .ct-div-block .ct-modal > .ct-div-block .ct-link .ct-text-block { font-size:15px !important; margin-left: 10px !important; } body .ct-div-block.team-row-wrapper .oxy-close-modal { top:20px; right:20px; } .splide-cover { max-height:522px } .ipipeline-archive .ipipeline-post, .page-contents .e-con-full.e-flex.e-con.e-child:has(aside) .ipipeline-archive .ipipeline-post { width: 100%; padding: 0 15px 0px; } .ipipeline-archive { flex-direction: column; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img { width: 100%; padding: 0; text-align: center; } .tabs-mk2 .tabs-inner .tab .tab-inner-img { position: relative; } .tabs-mk2 .i-tabs .tabs-wrapper.items-2 .tabs-inner .tab.active .img.controller { bottom: 0%; width: auto; text-align: center; padding-right: 0%; padding:0; position: relative; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-img img { max-width: 100%; } .tabs-inner .tab.active .tab-inner-img { width: 100%; padding: 0 0 25px 0; order: 1; text-align: center; } .tabs-mk2 .tab-inner-flx { flex-direction: column; } .tabs-mk2 .i-tabs .tabs-inner .tab.active .tab-inner { position: relative; height: auto !important; } .tabs-mk2 .tabs-inner .tab.active .tab-inner-content { order:10; margin-top: 25px } .tabs-mk2 .tabs-inner .tab.active .heading { min-width: 200px; } .tabs-mk2 .tabs-inner a.elementor-button { padding: 21px 30px; line-height: 1em; } .hbspt-form fieldset.form-columns-2 { display: block; } .hbspt-form fieldset.form-columns-2 .hs-form-field { width: 100% !important; float: none !important; } .post-list-main.tag-posts-list .ipipeline-post { width: 100%; padding: 0 15px 0px !important; } .ipipeline-cat-title { font-size: 32px; } a.each-faq-title { padding: 15px 70px 15px 20px; font-size: 20px; } .each-faq-content-i { font-size: 18px; } html .search-results .oxy-posts .ipipeline-post.resources-post-item { width: 100%; } .search-results .oxy-posts { display:flex !important; flex-direction:row !important; width: 100%; } #_posts_grid-18-13819 > .oxy-posts { display:flex !important; flex-direction:row !important; width: 100%; } .ct-text-block.atomic-simple-article-content { width:100%; } .ct-text-block.atomic-simple-article-content .ct-span.oxy-stock-content-styles {display:block; width:100%; } .search-recommendation .ipipeline-cat-title { font-size: 30px; } .footer-global-people img { position: relative; margin-top: -6rem; top: 3rem; pointer-events: none; z-index: 2; max-width: 70% !important; width: 100% !important; } .footer-sub-menu { margin-bottom:20px !important; } footer .two-columns { max-width: 100%; flex-direction: column; margin: 0; } footer .two-columns > div:last-of-type .one-column { padding-top: 20px; } .menu-footer-navigation-container #menu-footer-navigation { flex-direction: column; text-align: center; margin: 0 0 20px 0; align-items: center; justify-content: center; } #main-footer .ct-section-inner-wrap .ct-div-block { width:100%; } #main-footer .ct-section-inner-wrap .ct-div-block .ct-code-block { width:100%; text-align:center; align-items:center; } footer .two-columns .one-column { width: 100%; } footer .two-columns ul li { text-align: center; } } @media only screen and (max-width : 768px) { .layout-cols-3 > .product-flexbox { width:calc( 100% - 20px ) !important;} body .er_ecom_result_container { flex: none; display: block !important; max-width: 100%; } body .er-gcs-search-result-box { padding: 20px 20px 20px; min-height:0; } body a.er-gcs-search-result-link { display:block; } body .er-gcs-search-result-box .er-gcs-search-result-title { max-width:100%; font-size: 19px; max-width: 100%;font-size: 19px; text-overflow: ellipsis !important; display: -webkit-box; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .elementor-element:has(> .elementor-widget-icon_widget_1 .green-icon-wrapper.size-large) { min-width: 100px; width: auto; } .elementor-element:has(> .elementor-widget-icon_widget_1 .green-icon-wrapper.size-large) + .e-con-boxed.e-flex { max-width: calc(100% - 100px); } } @media only screen and (max-width: 568px) { a.each-faq-title { padding: 15px 70px 15px 20px; font-size: 20px; } .each-faq-title span { position: absolute; font-size: 20px; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 34px; border-radius: 30px; } .each-faq-content-i { padding: 0px 20px 20px 20px; } .footer-sub-menu ul li { margin-right: 15px; margin-left: 15px; } .footer-sub-menu { margin-bottom:20px !important; } .footer-buttons ul li.search {} .footer-buttons ul { margin: 0 -10px; } .footer-buttons ul li { padding: 0 5px; } .footer-buttons .country-switch { padding: 10px 0px 10px 0; } .footer-buttons ul li.search .search-form input { width: auto; max-width: 150px; } .tabs-wrapper-intro-title h2 { font-size: 30px; } .splide-cover { max-height:272px } #gform-wrapper .gform_wrapper .gfield.selector { grid-column: span 12 !important; } #gform-wrapper .gform_wrapper .gfield.selected-choice { grid-column: span 12 !important; } .image-success img { position: relative !important; bottom: 0; margin-bottom: 0px !important; left: 3.125%; max-width: 96.825% !important; top: auto !important; } .elementor-element.image-success { max-width:100% !important; top: auto !important; bottom: auto; } footer .horizontal-footer-menu > .elementor-container { justify-content:space-between; } footer .horizontal-footer-menu > .elementor-container > .elementor-column { width:100%; padding-right:0px; } footer .horizontal-footer-menu > .elementor-container .elementor-element > .elementor-element-populated { padding: 0 0 40px 0; } footer .horizontal-footer-menu > .elementor-container .footer-last-column { max-width:100%; padding-right:0px; } } @media only screen and (max-width: 480px) { #main-header > .menu-wrapper { width: 50%; } .footer-global-people img { top: 2rem; } .top-buttons.mobile-buttons ul li.search { display:block; width:100%; } .top-buttons.mobile-buttons ul li.search .search-form { width: 100%; } .cform-row.with-disclaimer { position:relative; padding-bottom:75px; } #main-header .menu-wrapper > .oxy-header-container { padding: 0 !important; } .oxy-header-left > .ct-code-block { justify-content: flex-end; display: flex; } .oxy-header-left > .ct-div-block { display:none !important; } #menu-wrapper-div { padding: 14px 0 !important; } .ct-link-button { max-height:100px!important; height:auto !important; } #gform-wrapper .gravity-theme .gform_fields { grid-column-gap: 0; grid-row-gap: 20px; } } @media only screen and (max-width: 360px) { } @media only screen and (max-width: 340px) { #main-header .top-bar-wrapper { width: 40%; } #main-header > .menu-wrapper { width: 60%; } } .tabs__heading { position: relative; } .tabs__heading::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px; width: 100%; height: 19px; background: #0D3861; border-radius: 50px; } .tabs__heading h2 { color: #112E51; } .tabs .e-n-tabs-heading { display: flex!important; } .tabs .e-n-tab-title { cursor: pointer; flex: 1 1 0!important; } .tabs .e-n-tab-title-text { text-align: left!important; } .tabs .elementor-button-content-wrapper { align-items: center; } .tabs .elementor-button-icon { background: #BFF18C; border: 2px solid #FFFFFF; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .tabs .elementor-button-icon svg { width: 24px; height: 24px; } .tabs .elementor-button-icon svg path { fill: currentColor; transition: fill 0.3s ease; color: #0D3861; } .tabs .elementor-button:hover .elementor-button-icon, .elementor-button:focus .elementor-button-icon { background: #0D3861; color: #BFF18C; } .tabs .elementor-button:hover .elementor-button-icon svg path { color: #BFF18C; fill: #BFF18C!important; } .tab__buttons--main .elementor-button-icon { width: 60px; height: 60px; } .tab__buttons--main svg { width: 32px!important; height: 32px!important; } .tab__description { background-position: calc(100% - 42px) bottom!important; } .tab__description { border-top-left-radius: 0!important; border-top-right-radius: 0!important; } @media (min-width: 1072px) and (max-width: 1388px) { .tabs__intro { padding: 30px !important; } } @media (max-width: 1354px) { .tabs .e-n-tabs-heading { flex-wrap: nowrap!important; justify-content: space-between !important; } } @media (max-width: 1071px) { .tabs .e-con-inner { flex-direction: column!important; } .tabs__intro { margin-bottom: 18px!important; width: 100%!important; } .tabs__tabs { margin: 0!important; width: 100%!important; } .tabs .e-n-tabs-heading { flex-direction: row!important; flex-wrap: nowrap!important; } } @media (max-width: 900px) { .tabs .e-n-tabs-heading { gap: 6px!important; } .tabs .e-n-tab-title { padding: 25px 15px!important; text-align: left; } .tabs .e-n-tab-title-text { font-size: 18px!important; } .tab__description .elementor-widget-text-editor .elementor-widget-container { padding: 29px 39px 25px 17px!important; } .tab__description .elementor-widget-text-editor { width: 100%!important; } .tab__buttons { padding-top: 29px!important; padding-right: 16px!important; padding-bottom: 37px!important; padding-left: 16px!important; } .tab__description { min-height: unset!important; } } @media (max-width: 650px) { .tabs .e-n-tab-title { border-width: 2px 2px 0px 2px!important; padding: 15px 10px!important; } .tabs .e-n-tab-title-text { font-size: 14px!important; } .tab__description { background-position: calc(100% - 21px) bottom!important; } } @media (max-width: 480px) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) { margin-block-start: 0 !important; margin-top: 0 !important; } } @media (max-width: 425px) { .tab__buttons--main { margin-top: 20px; } } /* Helpers to assist with Elementor madness: */ @media (min-width: 1025px) { /* Full Width Element in Limited Width Container: */ .fwe-lw-con .elementor-widget-container { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } } /* No Left & Right Padding */ .nlrp { padding-left: 0!important; padding-right: 0!important; } /* Gross fix for landing page hero imagery */ @media (max-width: 1024px) { .full-radius-on-mobile img { border-radius: 50px!important; } } /* Full width paragraph on smaller screen */ @media (max-width: 1024px) { .fwp { width: 100%!important; max-width: unset!important; } } @media (max-width: 1024px) { .page-header--landing .e-con-inner { display: flex; flex-direction: column!important; } .page-header--landing .elementor-element-6b47911 { order: -1; } .page-header--landing .elementor-element-0b47b49 { order: 2!; } }